/* body */
* { margin: 0px; padding: 0px; font-family: "Trebuchet MS"; }
body { text-align: center; background-color: #FFFFFF; color: #FFFFFF; font-weight: normal;}

/* header */
#header { margin: 10px auto 0 auto; width: 909px; height: 120px; 
	background-image: url(../images/header_brugge.jpg); 
	background-repeat:no-repeat; 
	font: 14px/1.5 Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding-left: 90px;
  margin-top: 4px;
 	text-align: left;}
 	

/* search */

        * {
                margin: 0;
        }

        a img {
                border: 0;
        }

        #searchboxInc {
                font: 12px/1.5 Arial, Helvetica, sans-serif;
                color: #003580;
                width: 460px;
        }

        #searchboxInc form {
                background: #feba02;
        }

        #searchboxInc fieldset, #searchboxInc img {
                border: 0;
        }

        #searchboxInc fieldset {
                padding: 8px;
        }

        #searchboxInc #inout h3 {
                background-color:transparent;
                font-size:1.1em;
        }

        #searchboxInc h3 {
                margin-bottom:0.2em;
                position:static;
                font-size:118%;
                font-weight:bold;
                margin: 0;
        }

        #searchboxInc p {
                font-size: 2em;
                margin: 0;
        }

        #homein, #homeout {
                float: left;
                padding: 0.5em 1em 0 0;
        }

        .avail {
                padding-top: 1em;
                clear: left;
        }

        #searchboxInc a.calender {
                vertical-align: -4px;
        }

        #searchboxInc a.calender img {
                background: #0896ff;
        }

        .blur {
                color: #999;
        }

        button {
                float: right;
                -moz-border-radius: 8px;
                background-color: #0896ff;
                border: 2px solid #fff;
                color: #fff;
                letter-spacing: 1px;
                padding: 0.15em 0.75em;
                text-transform: uppercase;
                font: bold 1.333em/1 Arial, Helvetica, sans-serif;
        }

        #calendar {
                font: 12px/1.5 Arial, Helvetica, sans-serif;
                color: #003580;
            display: none;
            position: absolute;
            background-image: url(http://www.booking.com/static/img/shadow3.png);
            padding: 0 4px 4px 0;
        }

       /* For calendar */
        .caltable {
            border: 1px solid #003580;
            background-color: #fff;
        }
        .caltable a:link, .caltable a:visited {
            color: #0896ff !important;
        }
        .caltable a:hover {
            color: #feba02 !important;
            border-color: #feba02 !important;
        }
        .caltable a:active {
            color: #b30000 !important;
            border-color: #b30000 !important;
        }
        .caltable td {
            text-align: center;
        }
        .caltable td a {
            display: block;
            text-decoration: none;
        }
        .caltable td.calheader a {
            display: inline;
            vertical-align: -.4em;
        }
        .caltable td.calheader img.calNoPrevMonth {
            background: white url(/static/img/butPrevMonth.png) 0 -72px no-repeat;
            vertical-align: -.4em;
        }
        .caltable td.calheader img.calNoNextMonth {
            background: white url(/static/img/butNextMonth.png) 0 -72px no-repeat;
            vertical-align: -.4em;
        }
        .caltable td.calheader .calNextMonth img {
            background: white url(/static/img/butNextMonth2.png) 0 0 no-repeat;
        }
        .caltable td.calheader .calPrevMonth img {
            background: white url(/static/img/butPrevMonth2.png) 0 0 no-repeat;
        }
        .caltable td.calheader .calNextMonth:hover img, .caltable td.calheader .calPrevMonth:hover img {
            background-position: 0 -24px;
        }
        .caltable td.calheader .calNextMonth:active img, .caltable td.calheader .calPrevMonth:active img {
            background-position: 0 -48px;
        }
        .calheader {
            padding: .4em;
            white-space: nowrap;
        }
        .calheader select {
            margin: 0 .6em;
        }
        .monthYear {
            background-color: #ffffff;
            color: white;
        }

       .dayNames td {
            border-bottom: 1px solid #003580;
            background-color: #e6edf6;
        }
        .days td {
            color: #779bca;
            background-color: #e6edf6;
            padding: .2em;
            border: 2px solid #e6edf6;
        }
        .days td.weekend {
            background-color: #c5d4e9;
            border-color: #c5d4e9;
        }
        .days td.past {
            text-decoration: line-through;
        }
        .days td.today, .days td.future {
            border: none;
            padding: 0;
        }
        .days td a {
            padding: .2em;
            border: 2px solid #e6edf6;
        }
        .days td.weekend a {
            border-color: #c5d4e9;
        }
        .days td.today a {
            background-color: #fff;
        }
        .days td.selected {
            font-weight: bold;
        }
        .days td.selected a {
            border-color: #0896ff;
        }
	
/* navigatie */
#navigatie { font-size: 16px; color:#FFFFFF; font-family: "Arial";}
#navigatie a:hover { text-decoration: none; color: #ffd163; font-weight: normal; }
#navigatie a { text-decoration: none; color: #FFFFFF; font-weight: normal; }
#banner_left { float: left; width: 555px; height: 15px; text-align: left; margin: 5px; padding: 115px; padding-bottom: 32px; padding-left: 1px; }
#banner_right { float: right; width: 222px; height: 15px; text-align: right; margin: 5px; padding-top: 115px; padding-bottom: 32px; padding-left: 1px; }


/* main */
#main { margin: 0 auto 0 auto ; border-left: 1px solid #62a0d9; border-right: 1px solid #62a0d9; width: 997px; height: 1331px; color: #019DFF; background-color: #f5faff; }
#mainbox {clear: both; float: top; margin: 0 8px 0 8px; width: 980px; height: 1331px; text-align: left; background-color: #f5faff}  
#searchfield {float: right; margin-right: 27px; margin-top: 10px; width: 720px; height: 179px; background-color: #f5faff; }
#searchfield_right {float: right; padding: 5px; margin-right: 0px; margin-top: 0px; width: 300px; height: 170px; background-color: #f5faff; border: solid 0px #c48b02; color: #4883c6; font-size: 14px;}
#kolomleft {float: left; margin: 0 0 0 0; width: 215px; height: 600px; background-color: #F5FAFF;}
#blok_promo { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px; background-color: #FFFFFF; border: solid 1px #a8ccfe; }
#blok_promo h3 { font-size: 13px; margin: 0px; padding: 3px; color: #FFFFFF; background-color: #74b3e6; border-bottom: 0px solid #244FA6; }
#blok_promo a {text-decoration: none;  font-size: 13px; color: #019DFF; }
#blok_promo a:hover {text-decoration: none;  font-size: 13px; color: #F8BF24; }
#hotels {margin-left: 4px; color: #244FA6; text-decoration: none; font-size: 10px; font-weight; normal}
#aanbevolen {
	margin: 10px 10px 0 0; 
	width: 700px; height: 20px; 
	background-color: #f5faff;
	font-weight: normal;
	font-size: 20px; 
	}
	
	#aanbevolen a:hover { text-decoration: underline; color: #ffd163; font-weight: normal; font-size: 18px;}
	#aanbevolen a { text-decoration: underline; color: #019DFF; font-weight: normal; font-size: 18px;}

#destinations {
	float: left; 
	margin: 0 20px 0 18px; 
	width: 720px; height: 646px; 
	background-color: #f5faff;
	font-weight: normal; 
	}

/******* INPAGE OPMAAK *******/
.img-none { border:0px;}
.img-hotel { border:1px solid #6B94CF; margin-right:10px; margin-bottom:3px;}



#blok { 
	font-size: 14px;
	margin: 10px 0px 0px 0px; 
	padding: 3px;
	background-color: #FFFFFF; 
	border: dashed 1px #a8ccfe;
	height: 105px;
	}

#blok a:hover { text-decoration: none; color: #ffd163; font-weight: bold; }
#blok a { text-decoration: none; color: #4883c6; font-weight: bold; }



/* footer */
#usp { float: center; width: 997px; color: #ccdff4; margin: 0 auto 0 auto; height: 100px; font-size: 12px; font-weight: normal; background-color: #74b3e6; border-left: 1px solid #62a0d9; border-right: 1px solid #62a0d9; } 
#info { float: left; width: 997px; text-align: center; margin: 0 auto 0 auto; }
#info p, #info p a, #info p a:hover { color: #ccdff4; font-size: 11px; text-decoration: none; }
#info p a { font-weight: bold; }