/* general styles */
* {	padding: 0; margin: 0 }
html,body { width: 100%; height: 100% }
html { background-image: url(../images/bg_side.gif); background-repeat: repeat-x }
body { min-height: 750px; background: url(../images/visual_bg_left.jpg) left top no-repeat; max-width: 1817px; padding-bottom: 1px }
body,td,p { vertical-align: top; font: 12px/18px Arial, Helvetica, sans-serif; color: #333333 }
h1 { font: 17px/23px 'Trebuchet MS', Arial; text-transform: uppercase; margin: 0 15px 4px 15px }
h2 { font: bold 14px/21px 'Trebuchet MS', Arial; text-transform: uppercase; margin: 0 15px 4px 15px }
h3 { font: bold 12px/18px Arial; color: #000000; margin: 15px 15px 0 15px }
h4 { font: bold 11px/16px Arial; text-transform: uppercase; margin: -9px 15px 14px 15px }
p,ul,ol { margin: 0 15px 10px 15px }
ul { list-style: none }
ul li { padding-left: 10px; background: url(../images/bullet.gif) left 8px no-repeat }
ol { list-style-position: outside; margin-left: 17px }
ol li { margin-left: 16px }
img { border: 0 }

.nowrap { white-space: nowrap }
a { text-decoration: underline }
a:hover { text-decoration: none }
h1 a, h2 a, h3 a { text-decoration: none }
.error { font-weight: bold; color: #CC0000 }
.success { font-weight: bold }

/* form elements */
input.text { font: 12px/17px Arial, Helvetica, sans-serif; border: 1px #7F9DB9 solid; height: 17px }
input.button { font: bold 11px/12px Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase; height: 20px; border: 1px #FFFFFF solid; background: #59B300 }
select { font: 12px/12px Arial, Helvetica, sans-serif; border: 1px #7F9DB9 solid; height: 17px }
input.empty, select.empty { border-color: #FF0000 }
textarea { font: 12px/12px Arial, Helvetica, sans-serif; color: #990000; border: 1px #7F9DB9 solid; height: 100px }
input.zoektickets { display: block; width: 100px; height: 20px; background: url(../images/button_zoektickets.gif) no-repeat; text-indent: -9999px; border: none }
input.zoekhotels { display: block; width: 100px; height: 20px; background: url(../images/button_zoekhotels.gif) no-repeat; text-indent: -9999px; border: none }
input.zoekreizen { display: block; width: 100px; height: 20px; background: url(../images/button_zoekreizen.gif) no-repeat; text-indent: -9999px; border: none }
input.aanmelden { display: block; width: 100px; height: 20px; background: url(../images/button_aanmelden.gif) no-repeat; text-indent: -9999px; border: none }
input.versturen { display: block; width: 90px; height: 20px; background: url(../images/button_versturen.gif) no-repeat; text-indent: -9999px; border: none }
input.zoektickets:hover, input.zoekhotels:hover, input.zoekreizen:hover, input.aanmelden:hover, input.versturen:hover { background-position: 0 -20px }
input.zoektickets:active, input.zoekhotels:active, input.zoekreizen:active, input.aanmelden:active, input.versturen:active { background-position: 0 -40px }
label { display: block; height: 16px; font: bold 11px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 1px 0; overflow: hidden }

/* containers */
#body2 { width: 100%; height: 100%; min-height: 750px; background: url(../images/visual_bg_right.jpg) right top no-repeat }
#container { width: 990px; height: 100%; margin: 0 auto; background-image: url(../images/shadow.png); background-repeat: repeat-y }
#main, #main1, #main2 { float: left; display: inline; margin: 0 10px; min-height: 100%; width: 970px; position: relative }
#main { background: #FFFFFF url(../images/bg_main.gif) repeat-y }
#main1 { background: #FFFFFF url(../images/bg_main1.gif) repeat-y }
#main2 { background: #FFFFFF url(../images/bg_main2.gif) repeat-y }
#top { float: left; display: inline; position: relative; background: #FFFFFF; width: 100%; padding-bottom: 10px }

/* top bar */
#logo { float: left; display: inline; margin: 14px 169px 11px 26px; width: 265px; height: 45px; overflow: hidden; background: url(../images/logo.gif) no-repeat  }
#logo a { display: block; width: 100%; height: 100%; text-indent: -9999px }

#cart { position: absolute; left: 305px; top: 26px; width: 118px; height: 15px; overflow: hidden }
#cart a { display: block; width: 100%; height: 100%; background: url(../images/cart.gif) no-repeat; overflow: hidden }
#cart a:hover { background-position: 0 -15px }
#cart a span { display: block; text-indent: -9999px }
#allin { position: absolute; left: 442px; top: 0; width: 66px; height: 64px; overflow: hidden; background: url(../images/label_all-in.gif) no-repeat }
#allin a { display: block; width: 100%; height: 100%; text-indent: -9999px }
#contact_tel_nl { position: absolute; left: 784px; top: 11px; width: 116px; height: 14px; background: url(../images/contact_tel_nl.gif) no-repeat; text-indent: -9999px; overflow: hidden }
#contact_tel_be { position: absolute; left: 784px; top: 28px; width: 109px; height: 14px; background: url(../images/contact_tel_be.gif) no-repeat; text-indent: -9999px; overflow: hidden }
#contact_email { position: absolute; left: 784px; top: 45px; width: 160px; height: 14px; overflow: hidden; background: transparent url(../images/contact_email.gif) no-repeat }
#contact_email a { display: block; width: 100%; height: 100%; text-indent: -9999px }
#calamiteitenfonds { position: absolute; left: 643px; top: 6px; width: 60px; height: 55px; overflow: hidden; background: url(../images/logo_calamiteitenfonds.gif) no-repeat }
#sgr { position: absolute; left: 704px; top: 6px; width: 60px; height: 55px; overflow: hidden; background: url(../images/logo_sgr.gif) no-repeat }
#europeesche { position: absolute; left: 521px; top: 19px; width: 116px; height: 30px; overflow: hidden; background: url(../images/logo_europeesche.gif) no-repeat }
#sgr a, #calamiteitenfonds a, #europeesche a { display: block; width: 100%; height: 100%; text-indent: -9999px }

/* main menu */
#menu { float: left; display: inline; clear: both; margin: 0 10px 10px 10px; width: 950px; height: 31px; list-style-type: none; background-image: url(../images/bg_menu.gif); background-repeat: repeat-x; overflow: hidden }
#menu li { float: left; display: inline; height: 31px; margin: 0; padding: 0; overflow: hidden; background: none }
#menu li.active { background: url(../images/bg_menu_over.gif) repeat-x }
#menu li.m1 { width: 73px; margin-right: 187px }
#menu li.m2 { width: 127px; margin-right: 9px }
#menu li.m3 { width: 122px; margin-right: 9px }
#menu li.m4 { width: 112px; margin-right: 9px }
#menu li.m5 { width: 84px; margin-right: 9px }
#menu li.m6 { width: 101px; margin-right: 8px }
#menu li.m7 { width: 100px }
#menu a { display: block; width: 100%; height: 100%; text-indent: -999px; overflow: hidden; background-position: 15px 11px; background-repeat: no-repeat }
#menu li.m1 a { background-image: url(../images/menu_home.gif) }
#menu li.m2 a { background-image: url(../images/menu_vliegtickets.gif) }
#menu li.m3 a { background-image: url(../images/menu_reisaanbod.gif) }
#menu li.m4 a { background-image: url(../images/menu_maatwerk.gif) }
#menu li.m5 a { background-image: url(../images/menu_hotels.gif) }
#menu li.m6 a { background-image: url(../images/menu_landinfo.gif) }
#menu li.m7 a { background-image: url(../images/menu_contact.gif) }
#menu a:hover { background-position: 15px -10px }

/* quicksearch menus */
.tabs1, .tabs2, .tabs3 { float: left; display: inline; margin: 0 10px; width: 250px; height: 33px; list-style: none; overflow: hidden }
.tabs1 li, .tabs2 li, .tabs3 li { float: left; display: inline; padding: 0; margin: 0; background: none }
.tabs1 a, .tabs2 a, .tabs3 a { float: left; display: inline; height: 33px; text-indent: -999px; overflow: hidden; background: url(../images/tabs.gif) no-repeat }
.tabs2 a.tickets, .tabs3 a.tickets { width: 84px; background-position: 0 0 }
.tabs1 a.reizen, .tabs3 a.reizen { width: 81px; background-position: -84px 0 }
.tabs1 a.hotels, .tabs2 a.hotels { width: 85px; background-position: -165px 0 }
.tabs2 a.tickets:hover, .tabs3 a.tickets:hover { width: 84px; background-position: 0 -33px }
.tabs1 a.reizen:hover, .tabs3 a.reizen:hover { width: 81px; background-position: -84px -33px }
.tabs1 a.hotels:hover, .tabs2 a.hotels:hover { width: 85px; background-position: -165px -33px }
.tabs1 a.tickets { width: 84px; background-position: 0 -66px }
.tabs2 a.reizen { width: 81px; background-position: -84px -66px }
.tabs3 a.hotels { width: 85px; background-position: -165px -66px }

#qsheader { float: left; display: inline; margin: 0 10px; width: 248px; height: 32px; overflow: hidden; border: solid; border-width: 1px 1px 0 1px }
#qsheader h1 { margin-top: 10px }
#quicksearch { float: left; display: inline; clear: left; margin: 0 10px; width: 248px; height: 186px; border: solid; border-width: 0 1px 1px 1px; background-image: url(../images/bg_block.gif); background-repeat: repeat-x; overflow: hidden; position: relative }
#quicksearch form { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-image: url(../images/bg_block.gif); background-repeat: repeat-x }
#quicksearch ul { list-style: none; margin: 0 }
#quicksearch li { float: left; display: inline; margin: 10px 15px 0 15px; padding: 0; background: none; width: 218px }
#quicksearch li.semi { width: 104px; margin: 10px -5px 0 15px }
#start1, #start2, #start3, #end1, #end2, #end3 { float: left; display: inline; width: 80px }
#quicksearch .opencalendar { float: left; display: inline; margin: 0 0 0 4px }
#quicksearch select { float: left; display: inline; width: 218px }
#qs1 { z-index: 3 }
#qs2 { z-index: 2 }
#qs3 { z-index: 1 }

/* photos */
#photos { float: right; display: inline; width: 690px; height: 220px; overflow: hidden; margin: 0 10px 0 0 }
#photos div.panorama { width: 688px; height: 218px; border: 1px solid; overflow: hidden }
#photos div.square1, #photos div.square2 { float: left; display: inline; width: 221px; height: 218px; border: 1px solid; overflow: hidden; margin-right: 10px }
#photos div.square3 { float: left; display: inline; width: 222px; height: 218px; border: 1px solid; overflow: hidden }

#photos span.pano, #photo1 span, #photo2 span, #photo3 span { display: block; height: 218px; border: 1px solid }

#panorama span { width: 688px }
#photo1 span, #photo2 span { width: 222px }
#photo3 span { width: 221px }

/* content columns */
.block { border: #f29161 solid; border-width: 1px 1px 0 1px; padding: 10px 0 0 0; background: #ffeee5 url(../images/bg_block.gif) repeat-x }
.spacer { height: 10px; overflow: hidden }

#lefttop, #weather { clear: left; float: left; display: inline; margin: 0 10px; width: 248px; height: 218px; border: 1px solid; overflow: hidden; position: relative }
#lefttop .block { width: 248px; height: 100%; overflow: hidden; border: none }
#lefttop table { margin: -10px 15px 10px 15px }
#weather table { margin: 0 }
#weather { background: #E5F2F7 url(../images/bg_weather.gif) no-repeat }
#weather h2 { margin: 10px 15px }

#leftcol { clear: left; float: left; display: inline; margin: 0 10px 51px; width: 250px; overflow: hidden }
#leftcol .block { width: 248px; overflow: hidden }
#leftcol .spacer { border-top: 1px solid; background: #FFFFFF }
.submenu { list-style: none; margin: 0 0 10px 2px }
.submenu li { padding: 0; margin: 0 15px; background: none }
.submenu a { text-decoration: none }
.submenu li.active { padding-left: 10px; background: url(../images/nav_arrow.gif) left 6px no-repeat; font-weight: bold }
.submenu .info { float: right; display: inline; margin-left: 10px }

#nieuwsbrief, #contact { float: left; display: inline; clear: left; list-style: none; margin: 0; width: 248px }
#nieuwsbrief li, #contact li { float: left; display: inline; width: 218px; padding: 0 0 2px 0; margin: 0 15px 10px 15px; background: none }
#nieuwsbrief #emailadres, #contact #naam, #contact #telefoonnummer, #contact #emailadres, #contact #vraag { float: left; display: inline; width: 216px }

#tellafriend { list-style: none; margin: 0; width: 248px }

/* main menu */
#reismenu { float: left; display: inline; margin: 0; width: 690px; height: 27px; list-style: none; background-image: url(../images/bg_reismenu.gif); background-repeat: repeat-x; overflow: hidden; border-bottom: 10px #FFFFFF solid }
#reismenu li { float: left; display: inline; height: 27px; margin: 0; padding: 0; overflow: hidden; background: none }
#reismenu li.active { background-image: url(../images/bg_reismenu_over.gif); background-repeat: repeat-x }
#reismenu li.r1 { width: 94px }
#reismenu li.r2 { width: 124px }
#reismenu li.r3 { width: 135px }
#reismenu li.r4 { width: 139px }
#reismenu li.r5 { float: right; display: inline; margin-right: 5px; width: 190px }
#reismenu a { display: block; width: 100%; height: 100%; text-indent: -999px; overflow: hidden; background-position: 15px 9px; background-repeat: no-repeat }
#reismenu li.r1 a { background-image: url(../images/reismenu_algemeen.gif) }
#reismenu li.r2 a { background-image: url(../images/reismenu_dataprijzen.gif) }
#reismenu li.r3 a { background-image: url(../images/reismenu_reisprogramma.gif) }
#reismenu li.r4 a { background-image: url(../images/reismenu_accommodaties.gif) }
#reismenu a:hover { background-position: 15px -21px }
#reismenu a.berekenprijs { width: 100px; background: url(../images/button_berekenprijs2.gif) no-repeat; margin: 3px 0 0 0 }
#reismenu a.boeknu { width: 81px; background: url(../images/button_boeknu2.gif) no-repeat; margin: 3px 0 0 6px }
#reismenu a.berekenprijs, #reismenu a.boeknu { float: right; display: inline; height: 20px; text-indent: -9999px; overflow: hidden }
#reismenu a.berekenprijs:hover, #reismenu a.boeknu:hover { background-position: 0 -20px }
#reismenu a.berekenprijs:active, #reismenu a.boeknu:active { background-position: 0 -40px }

#centercol { float: left; display: inline; margin: 0 0 51px; width: 370px; overflow: hidden }
#centercol .block { width: 368px; overflow: hidden; position: relative }
#print, #pdf { display: block; width: 16px; height: 16px; position: absolute; top: 10px; text-indent: -999px; overflow: hidden }
#print { right: 36px; background: url(../images/document_print.png) }
#pdf { right: 10px; background: url(../images/document_pdf.png) }

#actions { border-top: 1px solid; margin-top: -8px; margin-bottom: 30px }
#actions li { float: left; display: inline; margin-top: 6px; margin-right: 13px; font-size: 11px; padding-left: 21px; background-repeat: no-repeat; background-position: left top }
#actions li a { text-decoration: none }
#actions li#print2 { background-image: url(../images/icon_print.gif) }
#actions li#pdf2 { background-image: url(../images/icon_pdf.gif) }
#actions li#bookmark { background-image: url(../images/icon_bookmark.gif); margin-right: 0 }
#actions li#forward { background-image: url(../images/icon_forward.gif) }

#top5 { list-style: none; margin: 0 0 25px 0; overflow: hidden }
#top5 li { float: left; display: inline; margin: 0 0 1px 0; padding: 0; width: 100%; height: 72px; overflow: hidden }
#top5 a { display: block; height: 72px; margin: 0; padding: 0; overflow: hidden; position: relative; text-decoration: none }
#top5 span { position: absolute; overflow: hidden; cursor: pointer }
#top5 .num { left: 2px; top: 1px; width: 48px; height: 38px; text-align: center; font: 38px 'Trebuchet MS', Arial }
#top5 .pri { left: 305px; top: 9px; width: 60px; height: 18px; font: 17px/18px 'Trebuchet MS', Arial }
#top5 .va { left: 280px; top: 13px; width: 20px; height: 13px; font: bold 11px Arial; text-transform: uppercase }
#top5 .tit { left: 50px; top: 7px; width: 230px; height: 19px; font: 17px 'Trebuchet MS', Arial; text-transform: uppercase }
#top5 .sub { left: 50px; top: 28px; width: 230px; height: 13px; font: bold 11px Arial; text-transform: uppercase }
#top5 .int { left: 50px; top: 44px; width: 315px; height: 16px; font: bold italic 12px 'Trebuchet MS', Arial }

.europeesche { float: left; display: inline; margin: 5px 50px 15px 15px }
.nshispeed { float: left; display: inline; margin: 5px 0 15px 15px }

#flmenu { list-style: none; margin: 0 0 10px 0 }
#flmenu li { margin: 0 0 1px 0; padding: 0; overflow: hidden }
#flmenu li a { overflow: hidden }
li.h10 { height: 10px }
li.h25, li.h25 a { height: 25px }
li.h36, li.h36 a { height: 36px }
li.h50, li.h50 a { height: 50px }
#col1 { float: left; display: inline; width: 183px; overflow: hidden }
#col2 { float: right; display: inline; width: 184px; overflow: hidden }
#flmenu a { display: block; width: 100%; height: 100%; overflow: hidden; text-decoration: none }
#flmenu span { float: left; display: inline; text-transform: uppercase; overflow: hidden; cursor: pointer }
#flmenu .pri { padding-left: 14px; background: url(../images/euroteken.gif) left 5px no-repeat; float: right; display; inline; font: 17px 'Trebuchet MS', Arial; margin: 7px 8px 0 0 }
#flmenu .va { float: right; font: bold 11px Arial; margin: 13px 5px 0 0 }
#flmenu .tit { font: 17px 'Trebuchet MS', Arial; margin: 7px 0 0 15px }
#flmenu .tit2 { font: 17px 'Trebuchet MS', Arial; margin: 7px 0 0 15px; width: 350px }
#flmenu .sub { font: bold 11px Arial; width: 350px; margin: -3px 0 0 15px }
#flmenu .sub2 { font: bold 11px Arial; width: 350px; margin: 9px 0 -9px 15px }
#flmenu .top { float: right; font: bold 11px Arial; width: 75px; margin: 9px 0 -9px 15px; color: #ace500 }
#flmenu .plts { font: bold 11px Arial; margin: 9px 0 -9px 15px }
#flmenu .dgn { float: right; display: inline; font: bold 11px Arial; margin: 9px 10px -9px 0 }
#flmenu .txt { font: bold 12px 'Trebuchet MS', Arial; width: 100px; margin: 4px 0 0 15px  }
#flmenu .name { font: bold 12px 'Trebuchet MS', Arial; margin: 4px 0 0 15px }
#flmenu .txt2 { font: bold 12px 'Trebuchet MS', Arial; margin: 4px 0 0 0; width: 240px }
#flmenu .num { float: right; display: inline; font: bold 12px 'Trebuchet MS', Arial; margin: 4px 10px 0 0 }

#paginas { list-style: none; margin: 10px 0; height: 26px; overflow: hidden }
#paginas li { margin: 0; padding: 0; float: left; display: inline; width: 34px; height: 26px; border-right: 1px #FFFFFF solid; overflow: hidden; background: none }
#paginas a { display: block; width: 100%; height: 100%; font: bold 12px/26px 'Trebuchet MS', Arial; color: #FFFFFF; text-decoration: none; text-align: center; overflow: hidden }

h1.hotel { width: 280px; overflow: hidden }

.str1, .str2, .str3, .str4, .str5, .str6, .str7, .str8, .str9, .str10 { float: right; display: inline; height: 10px; margin: 2px 10px; background: url(../images/stars.gif) no-repeat; text-indent: -9999px; overflow: hidden }
.str1 { width: 5px }
.str2 { width: 10px }
.str3 { width: 15px }
.str4 { width: 20px }
.str5 { width: 25px }
.str6 { width: 30px }
.str7 { width: 35px }
.str8 { width: 40px }
.str9 { width: 45px }
.str10 { width: 50px }

#fullcol { float: left; display: inline; margin: 0 10px 51px 0; width: 690px; overflow: hidden }
#fullcol .block { width: 688px; overflow: hidden }
#fullcol .spacer { border-top: 1px solid; background: #FFFFFF }
#fullcol .buttons { padding: 0 1px; height: 34px; overflow: hidden; background: url(../images/bg_buttons.gif) repeat-y; border-bottom: 10px #FFFFFF solid }
#fullcol .buttons a { float: left; display: inline; height: 34px; text-indent: -9999px; overflow: hidden }
#fullcol .buttons a.prijsberekenen { width: 175px; background: url(../images/button_prijsberekenen.gif) no-repeat }
#fullcol .buttons a.printen { width: 90px; background: url(../images/button_printen.gif) no-repeat }
#fullcol .buttons a.offerteaanvragen { width: 207px; background: url(../images/button_offerteaanvragen.gif) no-repeat }
#fullcol .buttons a.directboeken { width: 142px; background: url(../images/button_reserveren.gif) no-repeat }
#fullcol .buttons a.verdermetofferte { width: 291px; background: url(../images/button_verdermetofferte.gif) no-repeat }
#fullcol .buttons a.verdermetboeking { width: 233px; background: url(../images/button_verdermetreserveren.gif) no-repeat }
#fullcol .buttons a.offerteverzenden { width: 288px; background: url(../images/button_offerteverzenden.gif) no-repeat }
#fullcol .buttons a.boekingverzenden { width: 238px; background: url(../images/button_reserveringverzenden.gif) no-repeat }
#fullcol .buttons a:hover { background-position: 0 -34px }
#fullcol .buttons a.wijzigen { display: block; width: 690px; height: 29px; text-indent: -9999px; background: url(../images/button_wijzigen.gif) no-repeat }
#fullcol .buttons a.wijzigen:hover { background-position: 0 -30px }
#fullcol .buttons div { float: left; display: inline; width: 11px; height: 34px; background: url(../images/button_spacer.gif) repeat-y }

input.checkbox, input.radio { float: left; display: inline; margin: 4px 3px -1px 4px }
input.checkbox { margin-right: 7px }
ul.form { list-style: none; margin: 0 0 10px 15px; width: 700px; overflow: hidden }
ul.form li { float: left; display: inline; overflow: hidden; margin: 0 0 5px 0; padding: 0; height: 20px; position: relative; background: none }
ul.form label { margin-top: 7px }
ul.form li input.checkbox { float: left; display: inline }
ul.form li span { display: block; padding: 2px 0 0 5px }
ul.form li.w2 { width: 15px }
ul.form li.w2 a { display: block; width: 15px; height: 15px; margin-top: 2px }
ul.form li.w5 { width: 90px }
ul.form li.w5 input.text { width: 33px }
ul.form li.w7 { width: 60px }
ul.form li.w7 input.text { width: 48px }
ul.form li.w7 span { position: absolute; right: 0; top: 0; padding: 0 }
ul.form li.w14 { width: 120px }
ul.form li.w14 input.text { width: 108px }
ul.form li.w10 { width: 90px }
ul.form li.w10 input.text { width: 78px }
ul.form li.w10 select { width: 80px }
ul.form li.w10 span { position: absolute; right: 28px; top: 0; padding: 0 }
ul.form li.w11 { width: 98px }
ul.form li.w11 input.text { float: left; display: inline; width: 65px }
ul.form li.w11 .opencalendar { margin: 0 0 0 4px }
ul.form li.w12 { width: 110px }
ul.form li.w12 input.text { float: left; display: inline; width: 75px }
ul.form li.w12 span { position: absolute; right: 30px; top: 0; padding: 0 }
ul.form li.w15 { width: 135px }
ul.form li.w15 input.text { width: 123px }
ul.form li.w15 input.dm { float: left; display: inline; width: 28px }
ul.form li.w15 input.j { float: left; display: inline; width: 43px }
ul.form li.w15 span { float: left; display: inline; width: 10px; padding: 2px 0 0 0; text-align: center }
ul.form li.w17 { width: 150px }
ul.form li.w18 { width: 152px }
ul.form li.w20 { width: 180px }
ul.form li.w20 input.text { width: 168px }
ul.form li.w20 select { width: 170px }
ul.form li.w22 { width: 197px }
ul.form li.w22 select { width: 187px }
ul.form li.w24 { width: 221px }
ul.form li.w24 select { width: 211px }
ul.form li.w30 { width: 270px }
ul.form li.w30 input.text { width: 258px }
ul.form li.w35 { width: 315px }
ul.form li.w37 { width: 330px }
ul.form li.w40 { width: 360px }
ul.form li.w40 input.text { width: 78px }
ul.form li.w40 select { width: 170px }
ul.w50, ul.form li.w50 { width: 450px }
ul.form li.w54 { width: 480px }
ul.form li.w60 { width: 540px }
ul.form li.w70 { width: 630px; height: auto }
ul.form li.w70 textarea { width: 630px; height: 60px }

#rightcol { float: left; display: inline; margin: 0 10px 51px; width: 310px; overflow: hidden; position: relative }
#rightcol .block { width: 308px; overflow: hidden }
#rightcol .tip { margin: 0 15px 10px 15px; padding-left: 25px; background: url(../images/icon_tip.gif) no-repeat }
#rightcol .faq { margin: 0 15px 10px 15px; padding-left: 25px; background: url(../images/icon_faq.gif) no-repeat }

.end { height: 0; overflow: hidden; clear: both }

.calendar { position: absolute; z-index: 4; border: solid; border-width: 0 1px 1px 0 }
.calendar td { font: 12px/16px Arial, Helvetica, sans-serif; text-align: center }
.calendar .days td, .calendar .day td { width: 23px; height: 17px; text-align: right; padding-right: 8px }
.calendar .prev, .calendar .next, .calendar #mns { height: 17px; color: #FFFFFF }
.calendar .prev { cursor: pointer; background-image: url(../images/calendar_prev.gif); background-repeat: no-repeat }
.calendar .next { cursor: pointer; background-image: url(../images/calendar_next.gif); background-repeat: no-repeat }
.calendar .on { cursor: pointer }
.calendar .off { color: #999999 }
.calendar .act { color: #FFFFFF }
.calendar .over { background: #FFFFFF; cursor: pointer }

.ticket36, .ticket50 { overflow: hidden; position: relative; overflow: hidden }
.ticket36 { height: 36px }
.ticket50 { height: 50px }
.ticket36 span, .ticket50 span { float: left; display: inline; overflow: hidden; text-transform: uppercase }
.ticket36 .tit, .ticket50 .tit { margin: 7px 0 0 15px; height: 20px; font: 17px/20px 'Trebuchet MS', Arial }
.ticket36 .sub, .ticket50 .sub { margin: 0 0 0 15px; width: 340px; height: 15px; font: bold 11px/15px 'Trebuchet MS', Arial }
.ticket36 .info, .ticket50 .info { margin: 7px 10px 0 0; float: right; display: inline; font: bold 11px/15px 'Trebuchet MS', Arial }
.ticket36 .info a, .ticket50 .info a { text-decoration: none }

#centercol table.prices { margin: 0 0 15px 0; width: 368px }
#centercol table.prices tr.head td { padding: 0 0 0 15px; color: #FFFFFF; font-weight: bold; border-top: 1px solid; height: 20px; vertical-align: middle }
#centercol table.prices tr.odd td { padding: 0 0 0 15px; border-top: 1px solid; height: 20px; vertical-align: middle }
#centercol table.prices tr.even td { padding: 0 0 0 15px; border-top: 1px solid; height: 20px; vertical-align: middle }
#centercol table.prices td.period { width: 152px }
#centercol table.prices td.price { font-weight: bold }
#centercol table.prices td.button { padding: 0; width: 70px }
a.boeknu_odd, a.boeknu_even { display: block; width: 124px; height: 20px; background: url(../images/button_meerinforeserveer.gif) no-repeat; text-indent: -9999px; overflow: hidden }
a.reserveer_odd, a.reserveer_even { display: block; width: 124px; height: 20px; background: url(../images/button_meerinforeserveer.gif) no-repeat; text-indent: -9999px; overflow: hidden }
a.boeknu_even, a.reserveer_even { background-position: 0 -20px }
a.boeknu_odd:hover, a.boeknu_even:hover, a.reserveer_odd:hover, a.reserveer_even:hover { background-position: 0 -40px }

table.acc { margin: 0 15px 10px 15px; border: solid; border-width: 1px 0 0 1px }
table.acc td { padding: 1px 5px; border: solid; border-width: 0 1px 1px 0 }
table.acc tr.head td { color: #FFFFFF; font-weight: bold }

#centercol table, #rightcol table { margin: 0 15px 10px 15px }
#centercol table td, #rightcol table td { padding-right: 15px }
#rightcol h2.prices { width: 95px }
#rightcol table.prices { margin: 23px 10px 10px 10px; width: 288px }
#rightcol table.prices tr.head td { padding: 1px 5px; color: #FFFFFF; font-weight: bold }
#rightcol table.prices tr.odd td { padding: 1px 5px; border-top: 1px #ffeee5 solid }
#rightcol table.prices tr.even td { padding: 1px 5px; border-top: 1px #ffeee5 solid }
#rightcol table.prices td.period { width: 130px; padding: 0 }
#rightcol table.prices td.price { font-weight: bold; text-align: right; width: 35px }

#rightcol a.berekenprijs { width: 100px; background: url(../images/button_berekenprijs.gif) no-repeat }
#rightcol a.boeknu { width: 81px; background: url(../images/button_boeknu3.gif) no-repeat }
#rightcol a.boeknu, #rightcol a.berekenprijs { float: right; display: inline; height: 20px; margin: 0 5px 0 0; text-indent: -9999px; overflow: hidden }
#rightcol a.berekenprijs:hover, #rightcol a.boeknu:hover { background-position: 0 -20px }
#rightcol a.berekenprijs:active, #rightcol a.boeknu:active { background-position: 0 -40px }

#rightcol table.info { margin: 23px 15px 10px 15px }
#rightcol table.info td { padding: 0 15px 0 0 }

#main1 #rightcol .block { background: #e5f2f7 }

.faqs { margin-bottom: 5px }
#rightcol .faqs { margin-top: 10px }
.faqs li { overflow: hidden; background: url(../images/document-text.png) left 2px no-repeat; cursor: pointer }
.faqs li p { display: none }
.faqs li p.q, .faqs li.on p { display: block }
.faqs li a { text-decoration: none; font-weight: bold }
p.more { padding: 0 0 10px 10px; background: url(../images/more_arrow.gif) left 5px no-repeat }

.reactie { margin: 15px; border-top: 1px #999999 solid }
.reactie p { margin: 10px 0; padding: 0; font-style: italic }

.sitemap { float: left; display: inline; width: 220px; overflow: hidden }
.sitemap h3 { font-size: 14px }
.sitemap ul { margin-bottom: 15px }
.sitemap li { padding-left: 10px; background: url(../images/more_arrow.gif) left 5px no-repeat }
.sitemap li a { text-decoration: none }

#footer { list-style: none; margin: 0; padding: 0; width: 100%; height: 51px; background: #ffffff url(../images/bottom_bg.gif) 10px 0 no-repeat; position: absolute; left: 0; bottom: 0 }
#footer li { float: left; display: inline; margin: 23px 0 0 0; padding: 0; background: none }
#footer li a { display: block; height: 17px; text-indent: -999px; overflow: hidden; background-repeat: no-repeat }
#footer li a:hover { background-position: 0 -17px }
#footer li.copy a { width: 124px; background-image: url(../images/footer_copyright.gif); margin-left: 15px }
#footer li.priv a { width: 63px; background-image: url(../images/footer_privacy.gif) }
#footer li.voorw a { width: 159px; background-image: url(../images/footer_voorwaarden.gif) }
#footer li.faqs a { width: 139px; background-image: url(../images/footer_faqs.gif) }
#footer li.reac a { display: none; width: 69px; background-image: url(../images/footer_reacties.gif) }
#footer li.site a { width: 68px; background-image: url(../images/footer_sitemap.gif) }
#footer li.tt, #footer li.bt { position: absolute; top: 20px; margin: 0 }
#footer li.tt a, #footer li.bt a { display: block; height: 21px; text-indent: -999px; overflow: hidden; background-repeat: no-repeat }
#footer li.tt a:hover, #footer li.bt a:hover { background-position: 0 -21px }
#footer li.tt a { width: 136px; background-image: url(../images/footer_tt_bg.gif) }
#footer li.bt a { width: 97px; background-image: url(../images/footer_bt_bg.gif) }