html { overflow: scroll; } /** why do we do this actually? ****/
.goedkooptekst p { float: left; margin-top: 7px; padding-bottom: 7px; }
.smoothBox p { float:left; width:100%; }
body {
    margin-top: 0px;
    text-align: center;
    background-color: #e4f0fe;
    background-image: url('/images/achtergrond.jpg');
    background-repeat:no-repeat;
    background-position: 50% 0%;
}

/*** Theme colors ***/

.headLine, #pageNumbers a:hover, .title, .title a {
    color: #0E3278; /*  dark anthracite */
}
.flightChangeTime {
    color: #0E32A8; /*  dark blue / anthr.  */
}

.smoothBox, .flightDetails, .border-anthracite {
    border: 1px solid #4E5278; /* light anthracite */
}

.smoothBox, .flightBox, .flightDetails {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    behavior: url(../pie-lib/PIE.php); /* for IE 6-8 */
}
.sharpcorners {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#searchBox, #progress, #results {
    width: 827px;
    text-align: left;
}

#progress {
    display: none;
    z-index: 0;
}

#runningProvider {
    float: left;
    width: 165px;
    margin-left: 260px;
    margin-right: 2px;
    padding-bottom: 4px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #0E3278;
}

#errorMessage {
    float: left;
    width: 800px;
    font-size: 15px;
    text-align: center;
}

#loader {
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}

#circle-loader {
    display: none;
    position: absolute;
    left: 350px;
    top: 0px;
    z-index: 10000;
}

#stopButton {
    float: left;
    height: 0;
    position: relative;
    top: -10px;
    left: 812px;
/*    float: left;
    width: 100px;
    margin-left: 58px;
    margin-top: 2px;*/
}
#stop {
/*    width: 50px;*/
}

/******************************************/

#page {
    width: 840px; /* 775 */
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
}

#topBar {
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 3px;
    text-align: left;
}
#banner {
    width: 100%;
    margin-left: 37px;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
}
#description {
    width: 100%;
    padding-top: 13px;
    padding-bottom: 17px;
    margin: 0;
    color: #88ccff;
}
#description h1 {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 180px;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}

/***************  Search Form Box  ********************/
#searchBox {
    margin: 0 0 17px;
    z-index: 5;
}

#searchInner {
    float: left;
    width: 683px;
/*    height: 220px;*/
    margin: 15px 72px 0px;
    padding-bottom: 10px;
}

#messageBox {
    display: none;
    float: left;
    width: 650px;
/*    height: 0;*/
}

#suggestions {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    font-style: italic;
    font-family: "PL Futura Maxi", Verdana, Arial, Helvetica, sans-serif;
}

#suggestions ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.flightOptions {
    float: left;
    width: 400px;
    margin: 0;
    padding-top: 18px;
    padding-bottom: 5px;
    word-spacing: 4.5px;
}

.fieldName {
    float: left;
    width: 280px;
    height: 17px;
    padding-top: 5px;
    padding-left: 0;
    margin: 0 50px 0 0;
}

#odOptions {
    float: left;
    width: 670px;
}

#dateOptions {
    float: left;
    width: 670px;
    height: 42px;
    margin-top: 10px;
    margin-bottom: 15px;
}

#dateOptions form {
    float: left;
    width: 208px;
}

.calendarBlock {
    float: left;
/*    width: 185px;*/
    width: 290px;
    margin-right: 40px;
    padding: 0;
}

.calendarBlock img {
    float: left;
    cursor: pointer;
    border: 0;
}

#searchBox input {
    margin: 0;
    padding: 0;
}

.inputField {
    float: left;
    width: 200px;

    margin: 0;
    padding: 0;
}

#submitButton {
    float: left;
    width: 520px;
    height: 35px;
    margin-left: 230px;
    padding-bottom: 7px;
}

#submitButton img {
    cursor: hand;
}

/***************  Smooth Box  ********************/
.smoothBox {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 7px 0px;
    background-color: #ffffff;
}

.innerBox {
    float: left;
    margin: 12px 15px 0; /* top = 12, left + right = 15, bottom = 0 */
    padding-bottom: 8px;
}

.innerFlightBox {
    margin-top: 0;
    padding-bottom: 4px;
}

/***************  Left Column  ********************/
#leftColumn {
    float: left;
    width: 293px;
    margin-top: 35px;
    margin-left: 0px;
    padding-right: 30px;
    text-align: left;
}

/***************  Right Column  ********************/
#rightColumn {
    float: left;
    width: 494px;
    margin-top: 35px;
    padding-left: 14px;
    text-align: left;
}

#leftColumn p, #rightColumn p {
    float: left;
    margin: 0;
    padding: 0;
}

.separator {
    float: left;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #BBBBBB;
    margin-top: 5px;
    padding-bottom: 10px;
}

/***************  Text         ********************/
.header {
    padding-top: 2px;
    padding-bottom: 6px;
    text-align: center;
}
.subHeader {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 6px;
    font-size: 14px;
    font-weight: bold;
    color: #0E3278;
}

.headLine {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
/*    color: #0099CC;*/
}

.block {
    float: left;
    padding: 10px 7px;
}

.block p {
    color: #000000;
}

.title {
    float: left;
    width: 100%;
    padding-bottom: 3px;
    font-size: 16px;
    font-weight: bold;
}

.title a {
    text-decoration: none;
}

.title a:hover {
    text-decoration: underline;
}

.summary {
    float: left;
    width: 290px;
}
.qualityNames {
    float: left;
    width: 103px;
    padding-top: 14px;
    margin-left: 30px;
    font-size: 11px;
    color: #666666;
}
.qualityNames ul {
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
}

.qualityScores {
    float: left;
    padding-top: 14px;
    font-size: 11px;
    color: #666666;
}
.qualityScores ul {
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
}
/**************  Hyperlinks **********/
.blueLink {
/*    float: left;*/
/*    width: 100%;*/
    padding-bottom: 2px;
    color: #0000FF;
}

.blueLinkNoLine {
/*    color: #0645AD;*/
    color: #0000FF;
    text-decoration: none;
}
.blueLinkNoLine:hover {
/*    color: #0645AD;*/
    color: #0000FF;
    text-decoration: underline;
}

.greenLink {
    color: #008800;
}
/************************************/
.blue {
    float: left;
    color: #0645AD;
    width: 100%;
    padding-top: 8px;
    padding-left: 0px;
}
.green {
    float: left;
    color: #008800;
    width: 100%;
    padding-left: 0px;
}

#footerLinks {
    float: left;
    width: 100%;
    padding-top: 27px;
    padding-bottom: 5px;
    margin: 0;
    font-size: 10px;
}

/***************  Yahoo Search Widget   ********************/

#ysearchmod {position:relative; padding:0em;}
/*#ysearchautocomplete2 {position:relative; width:198px;}  width of widget */
.ysearchBlock {
    float: left;
    width: 280px;
    height: 20px;
    margin-right: 50px;
    position: relative;
}
.ysearchinput {_position:absolute; width: 250px;} /* abs for ie quirks */
.ysearchcontainer {position:absolute; top:20px; left:0px; min-width: 246px; z-index:9040;}
.ysearchcontainer .yui-ac-content { min-width: 246px;
    position:absolute; border:1px solid #404040;
    background:#fff;overflow:hidden;z-index:9050;
    top: 0; left: 0;
}
.ysearchcontainer .yui-ac-shadow {
    position:absolute; margin:.3em; background:#a0a0a0; z-index:9049;}
.ysearchcontainer ul {padding:0; margin:0; width:100%;}
.ysearchcontainer li {padding:0 0px;cursor:default;white-space:nowrap; z-index: 9051;}
.ysearchcontainer li.yui-ac-highlight {background:#a4a4a4;}
.ysearchcontainer li.yui-ac-prehighlight {background:#74c0fe;}


/******************** Yahoo Calendar Widget ****************/

#show3up { position:relative;     z-index: 0;}
#show3upT { position:relative;    z-index: 0;}
#cal1Container { display:none; position:absolute;margin-top:2.5em;z-index:9149;overflow:hidden }
#cal1ContainerT { display:none; position:absolute;margin-top:2.5em;z-index:9149;overflow:hidden }


/***************  General classes       ********************/
.goedkoop {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}

.goedkooptitle {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}
.goedkooptitle2 {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #2E3258;
}

.goedkooptekst{
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	padding-top:10px;
	padding-bottom:10px;
/*	padding-left:5px;
	padding-right:5px;*/
}
.breadcrump{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
.breadcrump a {
    color: #ffffff;
}

.tabeltekst{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
.zwarttekst{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:8px;
}

.grijstekstnormaal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}

.grijstekst{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:3px;
	padding-right:0px;
}

.tabelrand {
	border: 1px solid #0099CC;
	border-width: 1px;
	}

.tabelrandlctop {
	background-color:#FFDFBF;
	border: 1px solid #0099CC;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:0px;
	}

.tabelrandlcbottom {
	background-color:#FFDFBF;
	border: 1px solid #0099CC;
	border-top-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	}


/**********    Results / Flights     *************/
#results {
    float: left;
    position: relative;
/*    display: none;*/
    padding-bottom: 16px;
    border-bottom: 0px solid #BBBBBB;
}

#sortButtons {
    float: right;
    width: 536px;
    text-align: left;
    margin-left: 37px;
    font-size: 12px;
}
/* ul & li same as pagenumbers */
#sortButtons ul {
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
}
#sortButtons li {
    float: left;
    display: inline;
    margin-left: 4px;
    margin-right: 4px;
}

#pageNumbers {
    float: right;
    width: 555px;
    font-size: 15px;
    margin-left: 12px;
    margin-bottom: 8px;
}
#pageNumbers ul {
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
}
#pageNumbers li {
    float: left;
    display: inline;
    margin-left: 4px;
    margin-right: 4px;
}
#pageNumbers a {
    color: #0000FF;
}


.pageNavLink {
    width: 65px;
    margin-left: 10px;
}

.pageNavLinkDisabled {
    width: 80px;
    margin-left: 10px;
    color: #666666;
}

.flightBox {
    float: right;
    width: 550px;
    line-height: 20px;
    position: relative;
    margin: 5px 0 6px 0;
    background-color: #ffffff;
    z-index: 0;
}

.providersBox {
    float: right;
    position: relative;
    top: -14px;
    right: 213px;
    width: 310px;
    height: 1px;
    font-size: 14px;
    z-index: 30;
    display: none;
}

.box-content {
    float: left;
/*    width: 300px;*/
    background: url("/images/box-square.png") no-repeat scroll right top transparent;
    position: relative;
    top: -42px;
    left: 115px;
}
.box-content-inner {
    float: left;
    position: relative;
/*    width: 100%;*/
}

.providersBoxHead {
    float: left;
    width: 266px;
    margin-left: 2px;
    margin-top: 15px;
    padding-bottom: 7px;
    font-size: 12px;
}

.providersBox .providerList {
    margin-left: 18px;
/*    padding-bottom: 3px;*/
/*    width: 135px;*/
}
.providersBox .providerList, .providersBox .priceList,
.providersBox .allInList, .providersBox .buttonList {
    margin-top: 4px;
}
/*.providersBox .buttonList {
    margin-top:8px;
}*/

.box-top {
    background: url("/images/box-arrow.png") no-repeat scroll left top transparent;
    background-position: left top;
    margin-left: -30px;
    width: 63px;
    height: 100%;
    left: -30px;
    position: absolute;
}
.box-bottom, .box-bottom div {
    background: url("/images/box-square.png") no-repeat scroll right top transparent;
    height: 35px;
    position: relative;
    top: -42px;
    left: 115px;
    z-index: 0;
}

.box-bottom {
    float: right;
    width: 100%;
    background-position: right bottom;
}

.box-bottom div {
    float: left;
    background-position: left bottom;
    width: 60px;
    left: -60px;
    top: 0px;
    margin-left: 0;
}


.flightBox ul {
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
}

.priceBox {
    float: left;
    width: 78px;
    margin-top: -6px;
    text-align: left;
}

.priceCaption {
    float: left;
    width: 69px;
    line-height: 15px;
    font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    margin-top: 1px;
}

.priceCaption a {
    float: left;
    margin-top: 1px;
    margin-bottom: 1px;
}

a.price{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    font-weight: bolder;
    font-variant: normal;
    color: #666666;
    list-style-position: inside;
    list-style-type: circle;
}

a.price:link, a.price:visited{
    color: #0000FF;
}
a.price:hover, a.price:active{
    color: #0099FF;
}

.airlinePic {
    float: left;
    width: 74px;
    text-align: center;
}
.airlinePic img {
    margin-left: 1px;
    margin-right: 1px;
}

.airlineName {
    float: left;
/*    position: absolute;
    top: 10%;
    left: 165px;*/
/*    margin-bottom: 10px;*/
    width: 70px;
    text-align: center;
}

.flightTimes {
    float: left;
    width: 80px;
    margin-left: 6px;
}

.flightDuration {
    float: left;
    width: 50px;
    margin-left: 5px;
}

.stops {
    float: left;
    width: 60px;
    position: absolute;
    top: 21px;
    left: 382px;
    margin-left: 5px;
}

.airports {
    float: left;
    width: 78px;
    position: absolute;
    top: 21px;
    left: 442px;
    margin-left: 13px;
}

.providers {
    float: left;
    width: 433px;
    text-align: left;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

.providers ul {
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
}

.providers li {
    float: left;
    display: inline;
    margin-right: 8px;
}

.expandLink {
    position: absolute;
    bottom: 4px;
    right: 16px;
/*    float: right;
    margin-right: 20px;*/
}

/******************  Flight details  ************/
.flightDetails {
    float: left;
    position: relative;
    display: none;
    line-height: 16px;
    margin: 3px 6px;
    background-color: #fafcff;
    z-index: 2000;
}

.closeButton {
/*    float: left;
    width: 476px;
    text-align: right;*/
/*    color: #0645AD;*/

    position: relative;
    top: -10px;
    left: 465px;
}

.flightPart {
    float: left;
    width: 476px;
    border-bottom: 1px dashed #BBBBBB;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.detailsHeader {
    float: left;
    width: 84px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    font-family: "PL Futura Maxi", Verdana, Arial, Helvetica, sans-serif;
}

.flightElement {
    float: left;
    width: 476px;
    margin-top: 4px;
    margin-bottom: 2px;
}

.detailsPic {
    float: left;
    width: 62px;
    text-align: center;
}

.detailsName {
    float: left;
    width: 100px;
    margin-left: 23px;
    text-align: left;
}

.departure {
    float: left;
    width: 140px;
    margin-left: 5px;
    text-align: left;
}

.arrival {
    float: left;
    width: 140px;
    margin-left: 5px;
    text-align: left;
}

.providerList {
    float: left;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
}
.flightDetails .providerList {
    width: 110px;
}

.provHeader {
    float: left;
    margin-left: -1px;
}

.providerList ul {
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
}

.flightDetails .providerList li {
    float: left;
    width: 115px;
    overflow: hidden;
}
.flightDetails .priceList li {
    width: 88px;
}
.flightDetails .allInList li {
    width: 48px;
}

.providersBox .providerList li {
/*    float: left;
    width: 144px;
    overflow: hidden;*/
}
.providersBox .priceList li {
    width: 65px;
}
.providersBox .allInList li {
    width: 53px;
}

.providersBox .buttonList li {
    float: left;
    width: 62px;
    overflow: hidden;
}

.providersBox .providerList li,
.providersBox .priceList li,
.providersBox .allInList li,
.providersBox .buttonList li {
    height: 28px;
    font-size: 14px;
}

.priceList, .allInList, .buttonList {
    float: left;
    width: 57px;
}
.priceList ul, .allInList ul, .buttonList ul {
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
}
.priceList li, .allInList li, .buttonList li {
    float: left;
    text-align: center;
    margin-top: -0.2px;
}

.flightChangeTime {
    float: left;
    text-align: left;
    width: 380px;
    margin-left: 85px;
    margin-top: 7px;
    margin-bottom: 7px;
    font-style: italic;
}

#filters {
    width: 225px;
    z-index: 0;
    text-align: left;
    margin-right: 5px;
}

.filtersHeader {
    float: left;
    width: 100%;
    height: 18px;
    margin-bottom: 8px;
    font-size: 17px;
}

.filterMasterSwitch {
    float: left;
    width: 120px;
}

.filter {
    float: left;
    width: 100%;
}

.filter input {
    float: left;
    margin-right: 4px;
}

.filter label {
    float: left;
    width: 128px;
}

.filterCategory {
    float: left;
    margin-top: 12px;
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: bold;
    font-family: "PL Futura Maxi", Verdana, Arial, Helvetica, sans-serif;
    width: 195px;
    border-bottom: 1px solid #BBBBBB;
}

.filterSubCategory {
    float: left;
    margin-left: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: bold;
    font-family: "PL Futura Maxi", Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
}

#countries {
    float: left;
    position: relative;
    width: 550px;
    height: 29px;
    margin-left: 44px;
    font-size: 15px;
}

.countryFilter {
    float: left;
    width: 162px;
    height: 20px;
    line-height: 19px;
    margin-bottom: 6px;
    margin-right: 10px;
    padding-right: 2px;
    border: 1px solid #FFFFFF;
    border-bottom: 2px solid #DDDDDD;
    text-align: left;
}

.countryFilter .text {
    width: 162px;
    text-align: center;
}

.closeContainer {
    position: relative;
    top: -17px;
    left: 146px;
/*    left: 146px;*/
    width: 18px;
    height: 0;
/*    margin-top: 2px;
    margin-left: 0px;
    margin-right: 2px;*/

/*    position: absolute;
    left: 186px;
    top: 1px;*/
/*    margin-left: -28px;
    margin-top: 2px;*/
}
.closeContainer2 {
    float: left;
    position: absolute;
    left: 396px;
    top: -48px;
    z-index: 40;
}

a.close {
    float: left;
    width: 22px;
    height: 22px;
    background-position: 0 3px;
}
a.square {
    background: url(/images/closeSquare.png) no-repeat scroll 0 0;
    width: 17px;
    height: 16px;
}
a.round {
    background: url(/images/closeBlack.png) no-repeat;
}

/*
a.close-green {
    background: url(/images/closeGreen.png) no-repeat;
}
a.close-blue {
    background: url(/images/closeBlue.png) no-repeat;
}
a.close-pink {
    background: url(/images/closePink.png) no-repeat;
}*/

/*a.close:hover {
    background-position: 0 -23px;
}*/
a.square:hover {
    background-position: 0 -19px;
}


#showAllCountriesLink {
    float: left;
    font-size: 11px;
}


.lowestPriceForFilter {
    float: right;
    width: 42px;
    margin-top: 3px;
    text-align: right;
}
/*** Hint showing when flights have been filtered out */
#hint {
    float: right;
    width: 538px;
    height: 25px;
    margin-top: 25px;
    text-align: left;
    font-size: 15px;
}

#hint a {
    font-weight: bold;
}



.notifier {
    float: left;
    width: 500px;
    margin-top: 5px;
}

.pink {
    color: #FF2299;
}
.red {
    color: #FF0000;
}

.bg-black {
    background-color: #000000;
}
.bg-gray {
    background-color: #DDDDDD;
}
.bg-white {
    background-color: #FFFFFF;
}


.bg-green { /* NL */
    color: #FFFFFF;
    background-color: #2daae1;
}
.bg-blue { /* BE */
    color: #FFFFFF;
    background-color: #516177;
}
.bg-pink { /* DE */
    color: #FFFFFF;
    background-color: #27348b;
}

.border-green {
    border: 1px solid #00CC00;
}
.border-blue {
    border: 1px solid #4E5ECC;
}
.border-pink {
    border: 1px solid #FF44BB;
}
/* border-anthracite = at top */