/* PAGINA ALGEMEEN *******/ body{margin:0px;padding:0px;background-color:#282182;font-family:"Trebuchet MS", "Times New Roman", Arial; font-size:11px; color:#282182;} p{padding:0;margin:0;} div,td,a{color:#282182;} img{border:0;} .title{font-size:15px; font-weight:bold;} .titleextra{font-size:16px; font-weight:bold; margin-bottom:4px;} /* huisdetails pagina linker kol. */ .title a{text-decoration:none;} .rood{color:#ff0000;} .orange{color:#ff8300;} /* HOOFDSTRUCTUREN ******/ #container{width: 966px;margin: 0px auto 0 auto;background-color: #fff;color:#333;} #clearer{clear:both;} /* homepage, home winter, home landen */ /* BOVEN ******/ #top{top:0px; background-color:#FFF; width:906px; height:26px; text-align:right; margin-left:30px; margin-right:30px;} #top #menublock{float:right;} #top #languageblock{float:right;} #languageblock ul.topmenu li a{text-decoration:underline;} #imagerow{height:115px; width:906px; margin-left:30px; margin-right:30px; background-image:url(../images/top-wissel.jpg); background-position:top right; background-repeat:no-repeat;} #menu{width:906px; height:34px; margin-left:30px; margin-right:30px;} /*ONDER *******/ #boog{clear:both; height:25px; background-image:url(../images/background-rounding-zomer.gif); background-repeat:no-repeat; background-color:#282182; background-position:top left;} #payoff{height:84px; margin-right:20px; background-image:url(../images/fi-villas-payoff.gif); background-repeat:no-repeat; background-position:right; text-align:center;} #footer{padding-top:20px; padding-bottom:20px; text-align:center; background-color:#282182;} #meta{height:24px; text-align:right;} #unity-x{font-size:11px; margin:7px 30px 0 0;} #unity-x{text-align: center;} /* MENU'S ******/ #top ul.topmenu{right:0px; top:0px; margin:0 0 0 20px; padding:4px 0 0 0px;} #top ul.topmenu li{display:inline;} #top ul.topmenu li a{color:282182; font-size:11px; padding:0px 0px 0px 0px; text-decoration:none;} #top ul.topmenu li span{color:#282182; padding:0px 5px 0px 5px; text-decoration:none; } #top ul.topmenu li span.last{color:#FFF; padding:0px 5px 0px 5px; text-decoration:none; } #top ul.languagemenu{right:0px; top:0px; margin:0 0 0 20px; padding:4px 0 0 0px;} #top ul.languagemenu li{display:inline;} #top ul.languagemenu li a{color:282182; font-size:11px; padding:0px 0px 0px 0px; text-decoration:underline;} #top ul.languagemenu li a.active{color:282182; font-size:11px; font-weight:bold; padding:0px 0px 0px 0px; text-decoration:underline;} #top ul.languagemenu li span{color:#282182; padding:0px 5px 0px 5px; text-decoration:none; } #mainmenu{float:left; height:30px; background-image:url(../images/bg-mainmenu.gif); background-repeat:no-repeat; background-position:top left;} #endmainmenu{float:left; width:12px; height:30px; background-image:url(../images/bg-endmainmenu.gif); background-repeat:no-repeat; background-position:top left;} #sddm{margin:0 0 0 0; padding:5px 0 0 0;z-index: 30} #sddm li{list-style:none;float:left;font-size:14px; color:#FFF;} #sddm li a{margin-left:10px; margin-right:10px;padding:0 0 0 0px;color: #FFF;text-align: center;text-decoration: none} #sddm a.active{font-weight:bold;} #sddm li a:hover{} /* deze is voor IE 7 #sddm div{margin-top:28px; margin-left:-94px; position: absolute; visibility: hidden; padding:9px 0 9px 0; background-color:#FFFFFF; background-image:url(../images/pijltje-landen.gif);background-position:top center; background-repeat:no-repeat; border:1px solid #282182;} */ #sddm div a{position: relative; display:block; margin:0; padding:9px 6px 6px 9px; width:160px; text-align:left; text-decoration:none; background:#FFF;color: #282182; font-size:12px;} #sddm div a:hover{background-image:url(../images/bg-layer-menu.gif); background-position:center; color:#FFF;} #seizoenen{float:right;} .zomer{width:87px; height:34px; cursor:pointer; background-image:url(../images/zomer-on.gif); background-position:top left; background-repeat: no-repeat; text-align:center;} .winter{width:87px; height:34px; cursor:pointer; background-image:url(../images/winter-off.gif); background-position:top left; background-repeat: no-repeat; text-align:center;} .zomer a, .winter a{color:#FFF; font-size:14px; text-decoration:none;} #breadcrumb{color:#333399; font-size:11px; float:left; margin:6px 0 9px 40px; width:560px;} #breadcrumb a, #breadcrumb a:hover{color:#282182; text-decoration:none;} #lastview{color:#282182; font-size:11px; float:left; margin:6px 0 9px 42px;} #lastview a. #lastview a:hover{color:#282182;} /* landen menus links met folding, geen bgimage */ #purple_box_menu{text-align:left; padding:6px 0 6px 0;} #purple_box_menu ul.leftmenu{width:100%; list-style:none; margin:0; padding:0; font-size:15px; line-height:110%;} /* letop dat deze in het ontwerp 15px is */ #purple_box_menu ul.leftmenu li{margin:0; padding:3px 9px 3px 9px;} #purple_box_menu ul.leftmenu li.active{font-weight:bold;} #purple_box_menu ul.leftmenu li a{} #purple_box_menu ul.leftmenu li ul{list-style:none; margin:0; padding:0; font-size:11px; line-height:100%;} #purple_box_menu ul.leftmenu li ul li{margin:0; padding:2px 9px 2px 12px;} #purple_box_menu ul.leftmenu li ul li a{font-weight:normal; text-decoration:none;} #purple_box_menu ul.leftmenu li ul li a:hover{text-decoration:underline;} #purple_box_menu ul.leftmenu li ul li.active a{font-weight:bold; text-decoration:underline;} /* overige menu links zonder folding, met bgimage*/ #purple_box_menu ul.leftmenu_2{width:100%; list-style:none; margin:0; padding:0; font-size:13px; line-height:130%;} #purple_box_menu ul.leftmenu_2 li{margin:0; padding:3px 9px 3px 9px;} #purple_box_menu ul.leftmenu_2 li a{text-decoration:none;} #purple_box_menu ul.leftmenu_2 li.active{background-image:url(../images/bg-layer-menu.gif); background-repeat:repeat-x; background-position:center;} #purple_box_menu ul.leftmenu_2 li.active a{color:#FFFFFF; font-weight:bold;} /* menu in de bodem */ #footer ul.topmenu{ font-size:11px; color:#FFF;top:0px; margin:0 0 0 20px; padding:4px 0 0 0px;} #footer ul.topmenu li{display:inline;} #footer ul.topmenu li a{color:#FFF; font-size:11px; padding:0px 0px 0px 0px; text-decoration:none;} #footer ul.topmenu li span{color:#FFF; padding:0px 5px 0px 5px; text-decoration:none; } #footer ul.topmenu li.active a{text-decoration:underline; font-weight:bold;} /* PAGINA BLOKKEN **************/ /*algemeen zelfde in alle boxes ongeacht kleur*/ #box_content {text-align:left; padding:9px;} #box_content img{text-align:right; } /* Mijn ideale vakantie **************/ #box_content_idealHoliday {padding-left:9px;} #box_content_idealHoliday img{margin-left: -9px; } #box_content_idealHoliday h2{margin:0; padding:0; font-size:16px; font-weight:bold;} #box_content_idealHoliday h3{margin:0; padding:0; font-size:14px; font-weight:bold;} /* vrije opmaak veld titels */ #box_content h2{margin:0; padding:0; font-size:16px; font-weight:bold;} #box_content h3{margin:0; padding:0; font-size:14px; font-weight:bold;} /* heading in de blokken */ #purple_top h2, #orange_top h2, #grey_top h2, #blue_top h2, #purple_top_middle h2, #orange_top_middle h2, #dark_bookheader h2, #light_bookheader h2{margin:0; padding:2px 0 0 0; color:#FFF; font-size:16px; font-weight:bold;} /* paars */ #purple_top{height:28px; padding-left:10px; background-image:url(../images/bg-top-purple.gif); background-repeat:no-repeat; background-position:top left;} #purple_top .corner {float: right;height:28px;width:4px;background-image:url(../images/top-purple-corner.gif);background-position:top left;background-repeat:no-repeat;} #purple_top_middle{height:28px; padding-left:10px; background-image:url(../images/bg-top-purple.gif); background-position:top center;} /* huisdetails pagina's */ #purple_box{border-left:1px solid #5e4d99; border-right:1px solid #5e4d99;} #purple_bottom{height:8px; background-image:url(../images/bg-bottom-purple.gif); background-repeat:no-repeat; background-position:top left; margin-bottom:25px;} #purple_bottom .corner {float: right;height:8px;width:5px;background-image:url(../images/bottom-purple-corner.gif);background-position:top left;background-repeat:no-repeat;} #purple_box_gradient .dots, #purple_box .dots{width:100%; display:block; height:2px; background-image:url(../images/purpledot.gif); background-repeat:repeat-x;} #purple_box_gradient{background-image:url(../images/bottom-purple-gradient.gif); background-position:bottom; background-repeat:no-repeat;} .links_landen{line-height:130%; font-size:14px;} .links_landen a{text-decoration:none;} #housedivider_actie{width:100%;margin:9px 0 16px 0;} #housedivider_actie .dots{height:1px;} /* oranje */ #orange_top{height:28px; padding-left:10px; background-image:url(../images/bg-top-orange.gif); background-repeat:no-repeat; background-position:top left;} #orange_top .corner {float: right;height:28px;width:4px;background-image:url(../images/top-orange-corner.gif);background-position:top left;background-repeat:no-repeat;} #orange_top_middle{height:28px; padding-left:10px; background-image:url(../images/bg-top-orange.gif); background-position:top center;} /* huisdetails pagina's */ #orange_box{border-left:1px solid #ff7d00; border-right:1px solid #ff7d00;} #orange_bottom{height:8px; background-image:url(../images/bg-bottom-orange.gif); background-repeat:no-repeat; background-position:top left; margin-bottom:25px;} #orange_bottom .corner {float: right;height:8px;width:5px;background-image:url(../images/bottom-orange-corner.gif);background-position:top left;background-repeat:no-repeat;} #orange_box_gradient .dots, #orange_box .dots{width:100%; display:block; height:2px; background-image:url(../images/orangedot.gif); background-repeat:repeat-x;} #orange_box_gradient{background-image:url(../images/bottom-orange-gradient.gif); background-position:bottom; background-repeat:no-repeat;} #orange_box_gradient a.aanbieding{color:#ff8300; text-decoration:none;} /* grijs */ #grey_top{height:28px; padding-left:10px; background-image:url(../images/bg-top-grey.gif); background-repeat:no-repeat; background-position:top left;} #grey_top .corner {float: right;height:28px;width:4px;background-image:url(../images/top-grey-corner.gif);background-position:top left;background-repeat:no-repeat;} #grey_box{background-image:url(../images/bottom-grey-gradient.gif); background-position:bottom; background-repeat:no-repeat; padding-bottom:12px;} #grey_bottom{height:8px; margin-bottom:25px;} #grey_bottom .corner {float: right;height:8px;width:5px;background-image:url(../images/bottom-grey-corner.gif);background-position:top left;background-repeat:no-repeat;} #grey_box_gradient .dots, #grey_box .dots{width:100%; display:block; height:2px; background-image:url(../images/greydot.gif); background-repeat:repeat-x;} /* blauw */ #blue_top{height:28px; padding-left:10px; background-image:url(../images/bg-top-blue.gif); background-repeat:no-repeat; background-position:top left;} #blue_top .corner {float: right;height:28px;width:4px;background-image:url(../images/top-blue-corner.gif);background-position:top left;background-repeat:no-repeat;} #blue_box{border-left:1px solid #a2d0ef; border-right:1px solid #a2d0ef;} #blue_bottom{height:8px; background-image:url(../images/bg-bottom-blue.gif); background-repeat:no-repeat; background-position:top left; margin-bottom:25px;} #blue_bottom .corner {float: right;height:8px;width:5px;background-image:url(../images/bottom-blue-corner.gif);background-position:top left;background-repeat:no-repeat;} #blue_box_gradient .dots, #blue_box .dots{width:100%; display:block; height:2px; background-image:url(../images/bluedot.gif); background-repeat:repeat-x;} #blue_box_gradient{background-image:url(../images/bottom-blue-gradient.gif); background-position:bottom; background-repeat:no-repeat;} #blue_box_gradient a.aanbieding{color:#83c0e9; text-decoration:none;} /* tabjes bij zoekenboek.php */ #tabheader {width:100%; background-image:url(../images/bgline.gif); background-repeat:repeat-x; background-position:bottom; height:29px;} #tabheader ul {margin:0; padding:0; list-style:none;} #tabheader a:hover {} #tabheader #current {background-image:url(../images/sdtableft.gif); border-width:0;} #tabheader #current a {background-image:url(../images/sdtabright.gif); color:#FFF; padding-bottom:5px;} #tabheader #currentOrange {background-image:url(../images/top-orange-corner-left.gif); padding-bottom:5px;} #tabheader #currentOrange a{background-image:url(../images/sdtabrightorange.gif); padding-bottom:5px;} #tabheader #currentOrangeAc {background-image:url(../images/top-orange-corner-left.gif); padding-bottom:5px;} #tabheader #currentOrangeAc a{background-image:url(../images/sdtabrightorange.gif); color:#FFF; padding-bottom:5px;} /* voor de tabs in departements.php */ #tabheader .current {background-image:url(../images/sdtableft.gif); border-width:0;} #tabheader .current a {background-image:url(../images/sdtabright.gif); color:#FFF; padding-bottom:5px;} /* Commented Backslash Hack hides rule from IE5-Mac \*/#tabheader a {float:none;}/* End IE5-Mac hack */ /* resultaten bij zoeken (paars) */ #result_box{} #result_heading{padding:16px 13px 16px 13px; margin:0; font-size:16px; font-weight:bold; padding-left:13px; border-bottom:1px solid #282182;} td.resultright{text-align:right; padding:2px 0px 2px 0px;} #result_filter_bottom{margin:13px;} #filter_pages{float:right}; #result_box{border-bottom:0px solid #282182;} #result_row_even{border-bottom:1px solid #282182; padding:13px;} #result_row_oneven{border-bottom:1px solid #282182; padding:13px; background-color:#f9f8fb;} img.resultimage{margin:0 0 10px 10px; float:right; border:1px solid #282182;} .subtitle{font-size:13px; font-weight:bold; color:#ff7d00; vertical-align:top;} /* ook gebruikt in linker kolom huisdetails */ img.resulticon{float:right;} #result_box .text{margin-top:8px; margin-bottom:0px; padding:0;} #result_box .text a{color:#ff7d00; text-decoration:none;} #result_box .textbottom{clear:right;} #result_box td{vertical-align:bottom;} #result_box td.prices{vertical-align:bottom; text-align:right;} /* boeking headers reserveringen */ #dark_bookheader{height:38px; padding-left:9px; background-image:url(../images/book-dark.gif); background-repeat:no-repeat; background-position:top left;} #dark_bookheader .corner {float: right;height:38px;width:4px;background-image:url(../images/book-dark-corner.gif);background-position:top left;background-repeat:no-repeat;} #light_bookheader{height:38px; padding-left:9px; background-image:url(../images/book-light.gif); background-repeat:no-repeat; background-position:top left;} #light_bookheader .corner {float: right;height:38px;width:4px;background-image:url(../images/book-light-corner.gif);background-position:top left;background-repeat:no-repeat;} #booking_content{text-align:left; margin:0px 0px 10px 34px;} #booking_content p{margin-right:9px;} /* diverse */ .divider{margin:9px 0 9px 0;} .dividerextra{margin:9px 0 15px 0;} .housedivider{margin:9px 0 0 0;} .houses a{text-decoration:none;} .prices{clear:left;width:182px;margin-bottom:10px; text-align:right; } .prices_offers_recommendeds{clear:left;width:100%;margin-bottom:10px; text-align:right; } .allpictures{vertical-align:top; text-align:right;} .allprices{float:right; margin-top:3px;} td.booknow{text-align:right; padding:2px 0 2px 0;} td.buttonsteps{text-align:right; padding:5px 0 5px 0;} td.booksum{} td.bookprice{float:right;} img.listimage{margin:0 0 10px 10px; float:right;} img.bookimage{margin:0 10px 10px 0; float:left;} .van{color:#ff0000; font-weight:bold; font-size:15px; text-decoration:line-through;} a.voor{font-size:19px; font-weight:bold; text-decoration:none;} /* FORMS ***********************/ /*algemeen*/ input, select, submit, checkbox, textarea{font-family:"Trebuchet MS", "Times New Roman", Arial; color:#000; font-size:11px;} textarea{overflow:auto;} p.form{margin:0; padding:4px 0 5px 0; color:#000; line-height:100%;} p.formcheckbox{margin:0; padding:4px 0 5px 0; color:#000; line-height:100%;} /* formulieren in reguliere content pagina */ td.formtext{min-width:120px; vertical-align:top; padding:2px 20px 2px 0;} /* Deze heb ik (Ruben) aangemaakt */ td.formtext_confirm{min-width:150px; vertical-align:top; padding:2px 20px 2px 0;} td.formtext_printbooking{min-width:170px; vertical-align:top; padding:2px 20px 2px 0;} td.formfield{vertical-align:top; padding:2px 0 2px 0;} td.formstar{vertical-align:top; padding:2px 0 2px 2px;} .fieldwidth{width:100px;} .fieldwidth_small{width:50px;} .fieldwidth_initials {width:50px; font-style: italic; color:grey;} .fieldwidth_junction {width:50px; font-style: italic; color:grey;} .fieldwidth_lastname {width:70px; font-style: italic; color:grey;} .fieldextrawidth{width:444px;} /* 140+20+280=440 (+4 mistery pixels) .fieldwidth_dropdown{width:100px;} /* paars */ input.textorange{padding-left:3px; border:1px solid #282182; color:#000; vertical-align:middle;} .submitpurple{background-color:#282182; color:#FFF; font-weight:bold; font-size:13px; vertical-align:middle; cursor:pointer;} /* oranje */ input.textorange{padding-left:3px; border:1px solid #ffbe80; color:#000; vertical-align:middle;} .submitorange{background-color:#ff8300; color:#FFF; font-weight:bold; font-size:13px; vertical-align:middle; cursor:pointer;} /* blauw */ input.textblue{padding-left:3px; border:1px solid #c3ddf2; color:#000; vertical-align:middle;} .submitblue{background-color:#86bae4; color:#FFF; font-weight:bold; font-size:13px; vertical-align:middle; cursor:pointer;} /*calendar 1 op 1 fi.nl, kleuren en structuur aangepast`.*/ .calendar{width:141px;} .calendar .month{width:141px; text-align:center; line-height:19px; position:relative; background:#282182; color:white; } .calendar .month .pre{left:5px; top:3px; position:absolute; line-height:normal; color:white; text-decoration:none; } .calendar .month .next{right:5px; top:3px; position:absolute; line-height:normal; color:white; text-decoration:none; } .calendar table{width:140px; border:1px solid #282182; margin:0px 0px 0px 1px; } .calendar .daynames{border-bottom:1px solid #282182; } .calendar .daynames th{padding:1px; } .calendar td{text-align:center; padding:2px 2px 2px 2px; border:1px solid #e7e8e9; color:#282182; font-weight:bold; } /* .calendar td.on{background:#43b700; color:#282182; } */ .calendar td.on{background:#43b700; color:white; } /* .calendar td.offer{background:orange; color:#282182; } */ .calendar td.offer{background:orange; color: white;} /* .calendar td.active{border:1px solid #ff0000; } */ .calendar td.active{ color:white; border:1px solid #000000; } .calendar td.off{background:#f4f3f9; color:#282182; } /* .calendar td a{color:#000; font-weight:bold; text-decoration:underline;} */ .calendar td a{color:white; font-weight:bold; text-decoration:underline;} /* opmaak van weekoverzicht 1 op 1 over van fi.nl Kleuren aangepast */ #tdmonth{color:#FFF; background:#282182; padding:2px; text-align:left;} .calendar td{white-space: nowrap;} .calendar td.on, .calendar td.offer, .calendar td.off{text-align: left;} .menu_region { font-weight:bold; /* background:#1D5DA7; */ text-decoration:none; } /* TABBER tabs */ /*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber { } .tabberlive { margin-top:1em; } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none; } ul.tabbernav li a:link { color: #448; } ul.tabbernav li a:visited { color: #667; } ul.tabbernav li a:hover { color: #000; background: #AAE; border-color: #227; } ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff; } ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white; } /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab { padding:5px; border:1px solid #aaa; border-top:0; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; }