/* 	Reset */
@font-face {
font-family:CambriaRegular;
src: url('/fonts/cambria-webfont.eot');
src: local('Cambria'), url('/fonts/cambria-webfont.woff') format('woff'), url('/fonts/cambria-webfont.ttf') format('truetype'), url('/fonts/cambria-webfont.svg#webfontRY7kpqRt') format('svg');
font-weight: normal;
font-style: normal;
}

*{margin:0;padding:0}
img{border:0}
a{outline:none}


/* 	HTML elements */
html{overflow-y: scroll}
body{background:url(/img/bg-body.jpg) repeat-x #dfdbcb;color:#333;font-family:Arial, Tahoma, sans-serif;font-size:12px;line-height:16px}
h1{border-bottom:1px solid #c4beb0;color:#7c1216;font-family:CambriaRegular, serif;font-size:24px;margin:15px;padding-bottom:5px;line-height:30px}
h2{border-bottom:1px solid #c4beb0;color:#7c1216;font-family:CambriaRegular, serif;font-size:20px;margin:15px;padding-bottom:5px;line-height:24px}
h3{border-bottom:1px solid #c4beb0;color:#7c1216;font-family:CambriaRegular, serif;font-size:16px;margin:15px;padding-bottom:5px;line-height:18px}
h4,h5,h6{color:#333;margin:15px;padding-bottom:10px;}
p{margin:0 15px 15px 15px}
a{color:#333}
a:hover,a:active{color:#7c1216}
ul{margin:0 0 15px 27px}

/* Main wrapper */
#wrapper{margin:0 auto;width:990px;}

/* Header */
#header{height:225px;width:990px}
#banner{background:url(/img/bg-header.jpg) repeat-y;margin:0 15px;height:210px}
#banner img{margin:20px}
#menu{margin:0;padding-left:15px}
#menu li{float:left;height:30px;list-style:none;width:120px}
#menu li a{display:block;height:30px;width:120px}
#menu li a span{margin-left:-1000px}
#btn-home a{background:url(/img/btn-home.jpg)}
#btn-hotels a{background:url(/img/btn-hotels.jpg)}
#btn-rondreizen a{background:url(/img/btn-rondreizen.jpg)}
#btn-arrangementen a{background:url(/img/btn-arrangementen.jpg)}
#btn-specials a{background:url(/img/btn-specials.jpg)}
#btn-maatwerk a{background:url(/img/btn-maatwerk.jpg)}
#btn-home-active, #btn-home a:hover{background:url(/img/btn-home-active.jpg)}
#btn-hotels-active, #btn-hotels a:hover{background:url(/img/btn-hotels-active.jpg)}
#btn-rondreizen-active, #btn-rondreizen a:hover{background:url(/img/btn-rondreizen-active.jpg)}
#btn-arrangementen-active, #btn-arrangementen a:hover{background:url(/img/btn-arrangementen-active.jpg)}
#btn-specials-active, #btn-specials a:hover{background:url(/img/btn-specials-active.jpg)}
#btn-maatwerk-active, #btn-maatwerk a:hover{background:url(/img/btn-maatwerk-active.jpg)}

#wrappersubmenu{width: 990px;height:60px;float: none; line-height: 16px;}
#submenu{float: left;width: 960px;height:37px;margin: 0px 0px 10px 16px; padding: 0px;background: url(/img/subbar.png) repeat-x;}
#submenu li{margin: 0px; padding: 0px;float: left;height: 37px; list-style: none;width: 90px;}
#submenu li a{padding: 7px;padding-left: 15px ;display:block;height:20px;width:70px;}
#submenu li a span{}

#searchform{float:right;height:30px;margin-right:15px;width:240px}
#searchform #textfield{background:url(/img/bg-searchbox.jpg) repeat-x;border:none;color:#333;float:left;font-family:Arial;font-size:12px;height:18px;margin-top:5px;padding:2px 0 0 5px;width:210px}
#searchform #searchbutton{background:url(/img/btn-search.jpg) no-repeat;border:none;float:right;height:30px;margin-left:-10px;width:25px;cursor:pointer}
#breadcrumb{clear:both;margin:0 0 10px 15px;padding-top:12px}

/* Footer */
#footer-wrapper{background:url(/img/bg-footer.jpg) repeat-x #7c1216;clear:both;color:#caa9a4;height:140px}
#footer{margin:0 auto;padding-top:12px;width:960px}
#footer-top{height:30px;margin-bottom:10px;width:100%}
#copy{color:#c6c0b9;float:left}
#copy a{color:#c6c0b9}
#copy a:hover, #copy a:active{color:#fff}
#tel{color:#fff;font-size:14px;font-weight:bold;float:right}
#footer-links-container {float:left;width:825px}
.footer-links{color:#caa9a4;margin:0}
.footer-links li{list-style:none;float:left;width:165px}
.footer-links a{color:#caa9a4}
.footer-links a:hover, .footer-links a:active{color:#fff}
#logos{float:right}

/* Content */
#content-wrapper{width:960px;margin:0 auto;}

/* Kolommen voor verschillende layouts */
#content-left{float:left;margin-bottom:20px;width:700px;margin-top: 15px}
#content-right{float:right;margin-bottom:20px;width:700px;margin-top: 15px}
#sidebar-left{float:left;margin-bottom:20px;width:240px}
#sidebar-right{float:right;margin-bottom:20px;width:240px}

/* Basis contentblok */
.contentblock{background:url(/img/bg-contentblock.jpg) repeat-x #fff;border:1px solid #c4beb0;margin-bottom:20px;}
.contentblock h1, .contentblock h2, .contentblock h3{width:668px}

/* Itemsblock (o.a. op arrangementen-, specials-, accommodatie en themapagina en bij uitgelicht en actueel */
.alt{background-color: #f0f0f0;}
.itemblock{margin: 0 15px 20px 15px;min-height:90px;clear:left}
.itemblock a{float:left;color:#7c1216}
.itemblock img{float:left;margin:2px 15px 20px 0;}
.itemblock h4{color:#7c1216;font-family:CambriaRegular, serif;font-size:18px;font-weight:normal;padding-bottom:5px}
.itemblock h4 a{text-decoration:none}
.itemblock .popupbutton{float:left;margin:53px 0 0 -43px}
.itemblock .prijs{color:#7c1216;float:right;font-size:16px;font-weight:bold;line-height:18px;text-align:center;width:75px;text-decoration: none;}
.itemblock p{margin:0}
.leesverder{font-weight:bold}
.leesverder a{color:#7c1216}

/* Custom styles */
.clearfix{padding-bottom:30px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{clear:both;padding-bottom:30px}
.boekbutton{display:block;margin-bottom:15px}

/* Topbar blok met accommodaties boven kaart */
.topbar{height:142px;padding:0;width:700px}
.topbar a{float:left}
#topbar-leftarrow{display:none;padding:20px;float:left;cursor:pointer;}
#topbar-rightarrow{display:none;margin:0;padding:20px 17px 20px 0;float:right;cursor:pointer;}
#topbar-leftarrow-disabled{display:none;padding:20px;float:left}
#topbar-rightarrow-disabled{display:none;margin:0;padding:20px 17px 20px 0;float:right}
.topbar-item{float:left;padding:20px 20px 0 0;width:100px}
.topbar-item h4{margin:0;padding-top:2px}
.topbar-item h4 a{color:#7c1216;font-size:11px;font-weight:normal;line-height:12px}

/* Basis sidebarblok + fotoslider */
.sidebarblock{background:url(/img/bg-contentblock.jpg) repeat-x #fff;border:1px solid #c4beb0;margin-bottom:20px;margin-top: 15px}
.sidebarblock h1, .sidebarblock h2, .sidebarblock h3{width:200px}
.sidebarblock img{margin:0 15px 15px 15px;cursor:pointer}
.sidebarblock #sidebar-up, .sidebarblock #sidebar-down{display:none;}
.sidebarblock #sidebar-up-disabled, .sidebarblock #sidebar-down-disabled{display:none;cursor:default}
.photoslider-image-container {width:200px;height:150px;text-align:center;margin:0 15px 15px 15px;line-height:150px;}
.photoslider-image-container img{margin:0}

/* Sidebar columnwrapper */
.columnwrapper{margin-bottom:15px;width:100%}
.columnwrapper ul{margin-left:15px}
.columnwrapper li{list-style:none}

/*.columnwrapper input{margin-left:15px}*/
.categoryblock{background:url(/img/bg-contentblock.jpg) 0 223px repeat-x #fff;border:1px solid #c4beb0;float:left;margin-bottom:20px;width:338px;height:320px;}
.categoryblock ul{margin:5px 0 10px 15px;height:55px;}
.categoryblock li{list-style:none}
.categoryblock p a{color:#7c1216;font-weight:bold}
.left{margin-right:20px}

/* Sidebar actueel */
#uitgelicht ul, #actueel ul{margin: 0 15px}
#uitgelicht span, #actueel span{display:block;color:#7c1216;font-weight:bold;width:100%}
#uitgelicht li, #actueel li{list-style:none;margin-bottom:15px}
#uitgelicht p a, #actueel p a{color:#7c1216;font-weight:bold}

/* Sidebar media */
.media img{margin:0 0 15px 15px}
.medianavbutton{display:block}

/* Google maps ballon */
#googlemaps-balloon h3 {width:195px;}
#googlemaps-balloon h3 a {color: #9D4E51; font-family:CambriaRegular, serif;}
#googlemaps-balloon a {text-decoration:none}
#googlemaps-balloon .leesmeer {color: #9D4E51; font-weight:bold; text-decoration:none}
#googlemaps-balloon .leesmeer:hover {text-decoration:underline}
#googlemaps-balloon p a {font-weight: normal; color: black;}



/* Kaartblok */
.kaart{border:1px solid #c4beb0;height:580px;width:700px}

/* Zoekveld /hotels */
#searchcityform{float:left;height:30px;margin: 0 0 7px 15px;width:200px}
#searchcityform #textfield_plaats{background:url(/img/bg-searchbox.jpg) repeat-x;border:1px solid #c4beb0;color:#333;float:left;font-family:Arial;font-size:12px;height:16px;margin:0px;padding:2px 0 0 5px;width:162px}
#searchcityform #searchcitybutton{background:url(/img/btn-searchcity.jpg) no-repeat;border:none;float:right;height:20px;margin-left:-10px;width:20px;cursor:pointer}

/* Zoekveld /zoeken */
#searchcontentform{height:30px;padding:0 0 7px 15px; width:200px}
#searchcontentform #textfield_content{background:url(/img/bg-searchbox.jpg) repeat-x;border:1px solid #c4beb0;color:#333;float:left;font-family:Arial;font-size:12px;height:16px;margin:0px;padding:2px 0 0 5px;width:162px}
#searchcontentform #searchcontentbutton{background:url(/img/btn-searchcity.jpg) no-repeat;border:none;float:right;height:20px;margin-left:-10px;width:20px;cursor:pointer}

/* Hoofdfoto op accommodatiepagina */
#mainfoto{cursor:pointer;padding:1px;border:1px solid #C4BEB0}
.mainfoto-image-container{width:350px;margin:0 15px 0 15px;float:right;text-align:center;border-left:15px solid #fff;background-color:#FFFFFF;}

/* sidebarblock voor prijsberekening */
.prijsberekening{padding-bottom:15px}
.prijsberekening table{margin:0 15px;width:200px;font-size: 11px;}
.prijsberekening th{text-align:left;}
.prijsberekening table .rightalign{font-weight:bold;text-align:right;vertical-align:top;}
.prijsberekening table hr{margin:5px 0}
.prijsberekening table .totaal{font-weight:bold;margin-top:2px;width:110px;font-size: 14px;}
.prijsberekening table .reissom{font-size:14px;}
.prijsberekening_naam{font-weight:bold}
.prijsberekening table td.details{font-size:11px;line-height:12px;font-style:italic;}
.checkbox{width:16px;padding-top:4px;vertical-align:top}
.prijsberekening label{width:16px}
.prijsberekening input{margin:0;padding:0;overflow:hidden;width:13px;height:13px;vertical-align:top}

.datepicker td{width:10px}
.datepicker{border:0;color:#333333;font-family:Arial,Tahoma,sans-serif;font-size:12px;}

#opmerking{width:405px;height:100px;font-family:Arial,Tahoma,sans-serif;font-size:12px;}

/* sidebarblock voor prijsberekening */
.hotels{padding-bottom:15px}
.hotels p{margin:0 0 10px 15px}

/* Rondreis detail pagina: Programma van dag tot dag blokken */
.highlight{clear:left;margin:0 15px 15px;display:table;}
.highlight img{float:left;margin:5px 5px 5px 0;padding:1px;border:1px solid #c4beb0}
.highlight h4{margin:0;padding-bottom:3px;line-height:21px; width:580px;height:20px}
.highlight p{margin:0}
.highlight a{line-height:75px}
.tipsheader{line-height:0px;}

.display-none{display:none}

/* Foutmelding algemene voorwaarden boeking */
#foutmelding_algemene_voorwaarden{display:none;font-family:CambriaRegular, serif;color:#7C1216;font-weight:bold;font-size:16px;text-align:right;padding-right:10px}

#clear_margin{margin: 0px;}
#lnk_table{margin-left: 10px;}
#btn_beschikbaarheid_text{float:right;margin-right:30px;margin-left: 25px;}
#prijs{font-size: 15px;color:#7C1216;}
#btn_reisinformatie{margin-left: 25px;height:40px;width:180px;}
#lnk_vergroot_kaart{float:left; text-align: center; margin-left: 60px;}
#plus-icon{margin: 0 5px;}

.button-wrapper img{float: none;margin:0 5px 0 0;width:20px;height:20px;}
.button-wrapper{line-height: 21px}
.button-wrapper a{color: #7C1216;line-height:21px}


.map_canvas{width:200px;height:200px;margin:15px;clear:both;overflow:hidden;}
.map_canvas_small{width: 700px; height: 435px}

.leesmeer{color:#7C1216;}
.lnk-vergroot-google-maps{margin-left:60px;}
.redlink{color: #7C1216}
.clear_margin_bottom{margin-bottom: 0;}

#stappen{height: 32px; width: 600px; position: relative; top:-50px; left:280px; z-index: 10;}
#stappenlist{list-style: none; margin: 0px; padding: 0px;}
#stappen #stap1{float: left; height: 26px; width: 125px; background: url(/img/btn-stap1.png) no-repeat; color: white; font-weight: bold; font-size: 10px; line-height: 24px;}
#stappen #stap2{float: left; height: 26px; width: 125px; background: url(/img/btn-vervolgstap.png) no-repeat; color: white; font-weight: bold; font-size: 10px; line-height: 24px;padding-left: 20px; position: relative; left: -15px;}
#stappen #stap3{float: left; height: 26px; width: 125px; background: url(/img/btn-vervolgstap.png) no-repeat; color: white; font-weight: bold; font-size: 10px; line-height: 24px;padding-left: 20px; position: relative; left: -67px;}
#stappen #stap4{float: left; height: 26px; width: 125px; background: url(/img/btn-vervolgstap.png) no-repeat; color: white; font-weight: bold; font-size: 10px; line-height: 24px;padding-left: 20px; position: relative; left: -119px;}

#stappen #stap1-active{float: left; height: 26px; width: 125px; background: url(/img/btn-stap1-active.png) no-repeat; color: white; font-weight: bold; font-size: 10px; line-height: 24px;}
#stappen #stap2-active{float: left; height: 26px; width: 125px; background: url(/img/btn-vervolgstap-active.png) no-repeat; color: white; font-weight: bold; font-size: 10px; line-height: 24px;padding-left: 20px; position: relative; left: -15px;}
#stappen #stap3-active{float: left; height: 26px; width: 125px; background: url(/img/btn-vervolgstap-active.png) no-repeat; color: white; font-weight: bold; font-size: 10px; line-height: 24px;padding-left: 20px; position: relative; left: -67px;}
#stappen #stap4-active{float: left; height: 26px; width: 125px; background: url(/img/btn-vervolgstap-active.png) no-repeat; color: white; font-weight: bold; font-size: 10px; line-height: 24px;padding-left: 20px; position: relative; left: -119px;}

#selectdatewarning{color:#7C1216; font-size: 12px;}

.h2-sidebarblock {border: none;line-height: 0px; padding-top: 12px;}
.sidebarblock-content-pakket{text-align:center;padding-bottom:15px}
.sidebarblock-content-pakket-table{padding:0 25px}
.sidebarblock-content-pakket img{margin:0}
.sidebarblock-content-pakket td{text-align:left;margin:0;line-height:12px}
.sidebarblock-content-pakket-td-icon{width:40px}
.sidebarblock-content-pakket-td-description{width:200px}
.sidebarblock-content-pakket-details{color:#7c1216;padding:10px 0;font-family:CambriaRegular,serif}
.sidebarblock-content-pakket h2{width:204px}
.advies{padding:15px}
.advies input, .advies textarea{width:204px}