/* CREDITS * ---------------------------------------------------------- * Title: ASLTravel - CSS Main Stylesheet * Author: David Candreva * Date: 07/04/09 * Last Edit: 07/04/09 David Candreva * ---------------------------------------------------------- * Inventis - Web Architects - We design the Web! * www.inventis.be */ /* Algemene Styles ---------------------------------------------------------- */ textarea, body{ color:#333; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; } html, body{ height:100%; background:url(../images/layout/elements/top/tile.png) repeat-x 0 0; } /*default elements*/ strong, b{ font-weight:bold; } em{ font-style:italic; } abbr, acronym{ border-bottom:1px dotted; cursor:help; } .clear{ clear:both; } a{ color:#E5130E; } a:hover{ text-decoration:none; } a:focus{ outline:none; } div.push{ height:66px;clear:both } /* Container ---------------------------------------------------------- */ div#container_wrapper{ background:#FFF; width:100%; min-height:100%; height:auto !important; height:100%; margin:0 auto -66px; } div.container{ width:961px; margin:0 auto; } /* Links ---------------------------------------------------------- */ .icon_archive{ padding:0 0 4px 24px; background:url(../images/icons/archive.png) no-repeat 0 0;margin-left:3px; } .icon_date{ background:url(../images/icons/date.png) no-repeat 0 0; margin-right:16px;} div.news ul.meta li.icon_date{ background:url(../images/icons/date.png) no-repeat 0 1px; margin:0 0px 0 7px;} .icon_posted{ background:url(../images/icons/posted.png) no-repeat 0 0;margin-right:10px; } .icon_reactions{ background:url(../images/icons/reactions.png) no-repeat 0 0; } .icon_tags{ background:url(../images/icons/tags.png) no-repeat 0 0; } /* Top ---------------------------------------------------------- */ div#top{ line-height:30px; width:100%; overflow:hidden; background:#000; color:#666; text-align:right; } div#top ul{ float:right;} div#top ul li{ float:left; margin-right:16px; } div#top ul li a{ color:#e5130e; text-decoration:none; } div#top ul li a:hover{ text-decoration:underline; } div#top ul li.language a{ overflow:hidden; display:block; float:left; width:30px; height:12px; margin-top:9px; font-size:10px; text-indent:-9000px; display:block; background:url(../images/layout/elements/top/language_background.png) no-repeat 0 0; } div#top ul li.language a.nl {background-image: url(../images/layout/elements/top/language_background_nl.png);} div#top ul li.language a:hover{ background-position:right 0; } div#top ul li.last{margin-right:0px; } /* Header ---------------------------------------------------------- */ div#header{ position:relative; height:160px; width:100%; clear:both; border-bottom:1px solid #CCC;z-index:1;} div#header img{ margin:19px 0 0 0; } /* navigation */ div#header ul.navigation{ position:absolute; left:319px; top:107px; width:667px; } div#header ul.navigation li{ float:left; } div#header ul.navigation li a{ display:block; height:20px; float:left; text-indent:-9000px; color:#666; text-decoration:none; font-size:13px; } body#nl div#header ul.navigation li a{ background-image:url(../images/layout/elements/navigation/nl.png); } body#en div#header ul.navigation li a{ background-image:url(../images/layout/elements/navigation/en.png); } div#header ul.navigation li.home a{ width:58px; background-position:0 0; } div#header ul.navigation li.business a{ width:110px; background-position:-58px 0; } div#header ul.navigation li.incentives a{ width:80px; background-position:-168px 0; } div#header ul.navigation li.flights a{ width:104px; background-position:-248px 0; } div#header ul.navigation li.concepts a{ width:112px; background-position:-352px 0; } div#header ul.navigation li.news a{ width:72px; background-position:-480px 0; } div#header ul.navigation li.blog a{ width:51px; background-position:-552px 0; } div#header ul.navigation li.contact a{ width:64px; background-position:-603px 0; } div#header ul.navigation li.home a:hover{ background-position:0 -20px; } div#header ul.navigation li.business a:hover{ background-position:-58px -20px; } div#header ul.navigation li.incentives a:hover{ background-position:-168px -20px; } div#header ul.navigation li.flights a:hover{ background-position:-248px -20px; } div#header ul.navigation li.concepts a:hover{ background-position:-352px -20px; } div#header ul.navigation li.news a:hover{ background-position:-480px -20px; } div#header ul.navigation li.blog a:hover{ background-position:-552px -20px; } div#header ul.navigation li.contact a:hover{ background-position:-603px -20px; } div#header ul.navigation ul.submenu{ clear:both; overflow:hidden; border:1px solid #eaeaea; background:url(../images/layout/elements/navigation/submenu_opacity.png) repeat 0 0; top:20px; position:absolute; left:-999em; width:149px; padding:0 9px; margin-left:12px;z-index:99999999; } div#header ul.navigation ul.submenu li.last{ background:none; } div#header ul.navigation ul.submenu li{ float:none; width:151px; background:url(../images/layout/elements/navigation/submenu_tile.png) repeat-x left bottom; } div#header ul.navigation ul.submenu li a{ text-indent:0; font-size:12px; color:#999; height:auto; float:none; width:134px; padding:10px 0 10px 17px; line-height:13px; background:url(../images/layout/elements/navigation/submenu_bullet.png) no-repeat 6px 15px !important; } div#header ul.navigation ul.submenu li a:hover{ color:#333; background:url(../images/layout/elements/navigation/submenu_bullet_hover.png) no-repeat 6px 15px !important;} div#header ul.navigation li:hover ul.submenu, div#header ul.navigation li.sfhover ul.submenu{ left:auto !important; } /* Content ---------------------------------------------------------- */ div#content{ width:961px; clear:both;padding-bottom: 10px;} /* Main ---------------------------------------------------------- */ div#main{ width:617px; float:left; margin:0 3px 20px 0;} /* titles */ div#main h1, div#main h2{ font-size:22px; text-transform:uppercase; color:#e5130e;margin-bottom:20px;display:block;margin-top:-4px;display:block !important;height:22px !important; } div.markup h2 {margin-top:0 !important} div#main h2.black{ font-size:20px;color:#000000;margin-bottom:25px;display:block;margin-top:-14px !important;display:block !important;height:22px !important; text-transform:none;} div#main span.red{color:#E5130E;} div#main span.red.indent{width:35px;display:inline-block; } div#sidebar span.red{padding:0 0 0 5px;color:#E5130E;} div#sidebar span.red.indent{width:25px;display:inline-block; } /* lists*/ div.markup{margin:5px 0 5px 0;text-align:justify;} div#main div.markup ul{ list-style:none;margin:14px 0 12px 10px;} div.markup ul{ list-style:none;margin:0px 0 20px 10px;} div.markup ul li{background:url(../images/layout/elements/list-item.png) no-repeat left 1px;padding-left:15px;line-height:16px;} div.markup ol{list-style:decimal;margin-left:10px;padding-left:15px;} div.markup ol li{list-style:decimal;} /* dotted hr*/ div.news_markup div.hr{ clear:both; height:14px;line-height:14px;background:url(../images/layout/line.png) repeat-x center left;padding:4px 0 0px 0;margin:0px; } div.text.markup div.hr{ clear:both; height:7px;line-height:7px;background:url(../images/layout/line.png) repeat-x center left; } div#main div.text.markup{margin:20px 0;} div#main div.markup h2{margin-bottom:13px;display:block;margin-top:14px;display:block !important;height:22px !important;} div#main div.references h2{margin-bottom:10px;display:block;margin-top:-4px;display:block !important;height:22px !important;} /* two col layout */ div#main div.two_col{margin:20px 0 0 0;} /*sideleft*/ div#main div.two_col div.sideleft{width:200px;margin:0 20px 0 0;float:left;overflow:hidden;} div#main div.two_col div.sideleft ul.menu{background:#f5f5f5; border:1px solid #E9E9E9; padding:0 10px;} div#main div.two_col div.sideleft ul.menu li a{font-size:13px !important;} div#main div.two_col div.sideleft ul.menu li a:hover{font-size:13px !important;color:#333333} div#main div.two_col div.sideleft ul li{line-height:19px; border-bottom:1px dotted #666666;background:url(../images/layout/arrow2.png) no-repeat left 7px; padding: 8px 0 5px 10px; } div#main div.two_col div.sideleft ul li object{line-height:30px !important;display:block;margin:6px 0 0 0;cursor:pointer;display:block;width:100%;} div#main div.two_col div.sideleft ul li a{color:#999999;text-decoration:none;font-size:14px;} div#main div.two_col div.sideleft ul li.last{border:none;} div#main div.two_col div.sideleft div.box{border:1px solid #e9e9e9;padding:0 10px;margin-top:20px;} div#main div.two_col div.sideleft div.box.map{padding:2px; text-align:center;} div#main div.two_col div.sideleft div.box.map a{ display:block;text-align:right;padding:0 3px 0 0;line-height:18px; height:18px;color:#999999;} div#main div.two_col div.sideleft div.downloads{padding:0 25px 0 10px;} div#main div.two_col div.sideleft div.downloads ul li{background:none;padding:0;} div#main div.two_col div.sideleft div.downloads ul li a{background:none;padding-left:25px;display:block;font-size:11px;text-decoration:underline;line-height:30px;height:30px;} div#main div.two_col div.sideleft div.downloads ul li a:hover{color:#666666;} div#main div.two_col div.sideleft div.downloads ul li a.pdf{background:url(../images/layout/elements/sideleft/pdf.png) no-repeat center left;} div#main div.two_col div.sideleft div.downloads ul li a.doc{background:url(../images/layout/elements/sideleft/doc.png) no-repeat center left;} div#main div.two_col div.sideleft div.downloads ul li a.ppt{background:url(../images/layout/elements/sideleft/ppt.png) no-repeat center left;} div#main div.two_col div.sideleft div.downloads ul li a.xls{background:url(../images/layout/elements/sideleft/xls.png) no-repeat center left;} div#main div.two_col div.sideleft div.downloads ul li a.jpg{background:url(../images/layout/elements/sideleft/img.png) no-repeat center left;} div#main div.two_col div.markup{width:396px;margin:0 0 0 0;float:right;} div#main div.two_col div.markup h3{margin:15px 0;} /* markup */ div.markup p{ margin:0 0 18px 0; line-height:13px;text-align:justify;} div.markup a{ color:#e5130e; } /* picture */ div#main div.picture{ height:260px; width:617px; position:relative; } div#main div.picture a:hover em.read_more{background-position:left -30px;} div#main div.picture em.read_more{ z-index:5; position:absolute; bottom:0; right:17px; display:block;text-indent:85px;width:135px; height:24px; background:url(../images/layout/elements/picture/more_info.png) no-repeat 0 0; } body#nl div#main div.picture em.read_more2 { z-index:5; position:absolute; bottom:0; left:42px; display:block;width:172px; height:35px; background:url(../images/layout/elements/picture/more_info2.png) no-repeat 0 0;line-height: 42px;color:white} body#en div#main div.picture em.read_more2 {z-index:5; position:absolute; bottom:0; left:42px; display:block;width:172px; height:35px;line-height: 42px;color:white;background:url(../images/layout/elements/picture/more_info_en2.png) no-repeat 0 0;} div#main div.picture em.read_more2 div {margin-top:9px;width:105px;margin-left:62px;text-align: center;} body#en div#main div.picture em.read_more{ z-index:5; position:absolute; bottom:0; right:17px; display:block;text-indent:85px;width:135px; height:24px; background:url(../images/layout/elements/picture/more_info_en.png) no-repeat 0 0; } div#main div.picture em.read_more:hover{ background-position:left -30px; } /* hr */ div.hr{ margin:20px 0 15px 0; width:100%; clear:both; overflow:hidden; height:1px; background:#CCC; } /* references */ div#main div.references{ margin-bottom:20px; } div#main div.references p{ margin-bottom:10px;text-align:justify; } /* travel_cards */ div#main div.travel_cards ul, div#main div.travel_cards{ width:100%; clear:both; overflow:hidden;} div#main div.travel_cards ul li.even{ margin-left:21px; } div#main div.travel_cards ul li{ margin-top:20px; padding:2px; border:1px solid #CCC; height:104px; overflow:hidden; float:left; width:292px; } div#main div.travel_cards ul li h3{ padding:0 0 0 4px; line-height:30px; font-size:18px; color:#000; border-bottom:1px solid #d9d9d9; } div#main div.travel_cards ul li h3 a{ text-decoration:none; color:#000; } div#main div.travel_cards ul li img{ float:left; } div#main div.travel_cards ul li div.info{ position:relative; float:right; margin-left:2px; width:185px; height:104px; } div#main div.travel_cards ul li div.info p{ padding:10px 0 0 4px; } body#en div#main div.travel_cards ul li div.info p{ padding:0px 0 0 4px; } div#main div.travel_cards ul li div.info p a{ color:#ef1d18; } div#main div.travel_cards ul li div.info p a.more{ margin-left:10px; padding:0 0 0 9px; background:url(../images/layout/elements/travel_cards/more_bullet.png) no-repeat 0 5px; } div#main div.travel_cards ul li div.info div.price{ padding:0 4px 0 0; width:181px; height:32px; position:absolute; bottom:0; text-align:right; line-height:30px; background:#F5F5F5; } div#main div.travel_cards ul li div.info div.price em{ font-size:24px; font-style:normal;display:block !important;float:right !important; } div#main div.travel_cards ul li div.info div.price sup{ padding:4px 4px 0 0;display:block;float:right;} div#main div.travel_cards ul li div.info div.price sup span{ font-size:13px; font-weight:bold; } /* map */ div#main div#mapContainer {border:1px solid #CCC; padding:2px;overflow:hidden;} div#main div#map{ height:294px; background:#FFF;overflow:hidden; } div.infoWindow {width:250px;height:100px} /* two_col */ div#main div.two_col{ width:100%; clear:both; } div#main div.two_col div.row{ float:left; width:50%; padding-bottom:0px; } div#main div.two_col div.row h1{width:100px !important;margin-top:-4px;overflow:hidden; font-size:22px; text-transform:uppercase; color:#e5130e;margin-bottom:10px;display:block;display:block !important;height:24px !important; } /* about */ div#main div.about{ padding:30px 0 0 0; height:135px; width:100%; clear:both; overflow:hidden; background:url(../images/layout/elements/about/background_middle.png) no-repeat center 60px; } div#main div.about p{ text-align:justify; } div#main div.about div.first{ width:281px; padding-right:29px; } div#main div.about div.last{ width:270px; padding:0px 0 0 29px;margin-top:28px; } /* news */ div#main div.news_markup{margin:20px 0;} div#main div.news_markup h2{margin-bottom:14px;display:block;margin-top:-4px;display:block !important;height:22px !important;} /* news-items */ div#main div.news{margin-bottom:55px;} div#main div.news h2{margin-bottom:-20px;display:block;margin-top:-4px;display:block !important;height:22px !important;} div#main div.news h3{text-decoration:underline; font-size:16px;} div#main div.news h3 a{display:block;font-size:16px; color:#000000 !important;} div#main div.news p{padding: 7px 0 10px 0;text-align:justify;} div#main div.news.detail div{padding: 20px 0 0px 0;text-align:justify;} div#main div.news div img{margin:0 28px 20px 0;border:3px solid #e9e9e9;} div#main div.news div object{border:3px solid #e9e9e9;overflow:hidden;margin:0 28px 25px 0;} div#main div.news a.btn_readmore{text-align:center; text-decoration:none; color:#666; width:75px; height:18px;line-height:18px; display:block; float:left; background:url(../images/layout/elements/info/button_readmore.png) no-repeat 0 0;margin-bottom:5px;} div#main div.news a.btn_readmore:hover{color:#000; } div#main div.news div.hr{ clear:both; height:5px;line-height:5px;background:url(../images/layout/line.png) repeat-x center center;padding:0;margin:0;} div#main div.news span.icon_tags{ display:inline-block;padding:0 0 0 20px; line-height:16px;margin:4px 0 0 8px;background-position:0 1px; } /* meta */ div#main div.news ul.meta{ width:100%; clear:both; overflow:hidden; border-bottom:1px solid #d6d6d6; padding:0 0 4px 0; } div#main div.news ul.meta li{ font-size:10px; line-height:16px; float:left; padding:0 25px 0 20px; } div#main div.news ul.meta li a{ font-size:10px;color:#333333; text-decoration:underline; } div#main div.news ul.meta li a:hover{ font-size:10px;color:#e5130e; text-decoration:underline; } /* pagination */ div#main div.news_markup div.pagination{margin:-15px 0 75px 0;} div#main div.news_markup div.pagination ul{display:inline;} div#main div.news_markup div.pagination ul li{ display:block; float:left;margin:2px;width:5px; height:13px;padding:2px 6px 2px 6px;border:1px solid #999999;} div#main div.news_markup div.pagination ul li a{ display:inline-block;text-decoration:none;color:#999999;} div#main div.news_markup div.pagination ul li a:hover{ color:#e5130e;} div#main div.news_markup div.pagination ul li.current{color:#e5130e;display:inline; border:1px solid #999999;text-decoration:none;width:5px; height:13px;} div#main div.news_markup div.pagination ul li a.last{ display:inline-block;color:#e5130e;padding:2px 0 2px 8px;margin:0 0 0 8px;border:none;width:auto; height:auto;text-decoration:underline;background:url(../images/layout/arrow.png) no-repeat top left;} /* news */ div#main div.blog_markup{margin:20px 0;} div#main div.blog_markup h2{margin-bottom:20px;display:block;margin-top:-4px;display:block !important;height:22px !important;} /* news-items */ div#main div.blog{margin-bottom:55px;} div#main div.blog h2{margin-bottom:-20px;display:block;margin-top:-4px;display:block !important;height:22px !important;} div#main div.blog h3{text-decoration:underline; font-size:16px;} div#main div.blog p{padding: 7px 0 10px 0;text-align:justify;} div#main div.blog.detail p{padding: 20px 0 10px 0;text-align:justify;} div#main div.blog p img{margin:0 28px 25px 0;border:3px solid #e9e9e9;} div#main div.blog div.youtube{border:3px solid #e9e9e9;overflow:hidden;margin:0 28px 25px 0;display:block;height:262px;width:368px;} div#main div.blog a.btn_readmore{text-align:center; text-decoration:none; color:#666; width:75px; height:18px;line-height:18px; display:block; float:left; background:url(../images/layout/elements/info/button_readmore.png) no-repeat 0 0; } div#main div.blog a.btn_readmore:hover{color:#000; } div#main div.blog div.hr{ clear:both; height:7px;line-height:7px;background:url(../images/layout/line.png) repeat-x center left;} div#main div.blog span.icon_tags{ display:inline-block;padding:0 0 0 20px; line-height:16px;margin:0px 0 0 0; } /* meta */ div#main div.blog ul.meta{ width:100%; clear:both; overflow:hidden; border-bottom:1px solid #d6d6d6; padding:5px 0; } div#main div.blog ul.meta li{ font-size:10px; line-height:16px; float:left; padding:0 25px 0 20px; } div#main div.blog ul.meta li a{ font-size:10px;color:#333333; text-decoration:underline; } div#main div.blog ul.meta li a:hover{ font-size:10px;color:#e5130e; text-decoration:underline; } /* pagination */ div#main div.blog_markup div.pagination{margin:-15px 0 75px 0;} div#main div.blog_markup div.pagination ul{display:inline;} div#main div.blog_markup div.pagination ul li{ display:inline;} div#main div.blog_markup div.pagination ul li a{ display:inline-block;padding:2px 6px; border:1px solid #999999;text-decoration:none;color:#999999;width:5px; height:13px;} div#main div.blog_markup div.pagination ul li a:hover{ color:#e5130e;} div#main div.blog_markup div.pagination ul li a.active{color:#e5130e;} div#main div.blog_markup div.pagination ul li a.last{ display:inline-block;color:#e5130e;padding:2px 0 2px 8px;margin:0 0 0 8px;border:none;width:auto; height:auto;text-decoration:underline;background:url(../images/layout/arrow.png) no-repeat top left;} /* media */ div#main div.media{position:relative;margin:0px 0 7px 0;clear:both} div.news div.media{position:relative;margin:20px 0 7px 0;} div#main div.media ul{background:none !important;margin:0;padding:0;} div#main div.media ul li{background:none;margin:2px 0;line-height:13px;float:left;width:190px;} div#main div.media ul li.file{background:url(../images/layout/elements/list-item.png) no-repeat top left; padding-left:15px;} div#main div.media ul li.img{background:url(../images/layout/elements/media_img.png) no-repeat bottom left; padding-left:15px;} div#main div.media ul li.mov{background:url(../images/layout/elements/media_mov.png) no-repeat center left; padding-left:15px;} div#main div.media ul li a{color:#999999;text-decoration:none;} div#main div.media ul li a:hover{color:#e5130e;} div#main div.media div.hr{ clear:both; height:1px;line-height:1px;background:url(../images/layout/line.png) repeat-x center left;padding:0;margin:0px; } /*blog */ div.reacties{} div.reacties div.reactie{border:1px solid #cdcdcd;margin:20px 0;position:relative;padding:2px;} div.reacties div.reactie div.arrow{ padding:0px; margin:0px;position:absolute; left:25px; top:-1px; width:11px; height:6px; background:url(../images/layout/elements/comment_symbol.png) no-repeat 0 0; } div.reacties div.reactie em{position:absolute; top:-1px; left:20px; background:url(../images/layout/elements/comment_symbol.png) no-repeat top left;width:11px; height:6px;} div.reacties div.reactie span{padding:8px;height:18px;display:block;background:url(../images/layout/line.png) repeat-x bottom left;margin:0 0 2px 0;} div.reacties div.reactie span a{font-style:normal;display:inline-block;line-height:18px;height:16px;padding:0 0 0 5px;} div.reacties div.reactie span span {margin:0;padding:0 0px 0 0;display:inline-block;padding-left:29px;font-style:normal;background:url(../images/layout/elements/comments_icon.png) no-repeat top left;} div.reacties div.reactie div{background:#f5f5f5;padding:8px;text-align:justify;} div.reacties div.admin{border:1px solid #666666;margin:20px 0;position:relative;padding:2px;} div.reacties div.admin div.arrow{ padding:0px; margin:0px;position:absolute; left:25px; top:-1px; width:11px; height:6px; background:url(../images/layout/elements/comment_symbol2.png) no-repeat 0 0; } div.reacties div.admin em{position:absolute; top:-1px; left:20px; background:url(../images/layout/elements/comment_symbol.png) no-repeat top left;width:11px; height:6px;} div.reacties div.admin span{padding:8px;height:18px;display:block;background:url(../images/layout/line.png) repeat-x bottom left;margin:0 0 2px 0;} div.reacties div.admin span a{font-style:normal;display:inline-block;line-height:18px;height:16px;padding:0 0 0 5px;} div.reacties div.admin span span {margin:0;padding:0 0px 0 0;display:inline-block;padding-left:29px;font-style:normal;background:url(../images/layout/elements/comments_icon2.png) no-repeat top left;} div.reacties div.admin div{background:#f5f5f5;padding:8px;text-align:justify;} div.reageer{} /*contact*/ div#main div.contact{} div#main div.contact p{text-align:justify;padding:0 0 20px 0;margin:0 0 25px 0;border-bottom:1px solid #cccccc;} div#main div.contact div.two_col{padding-top:20px;overflow:hidden;position:relative;background:url(../images/layout/elements/contactform_div_bg.png) repeat-y top left;} div#main div.contact div.contactform{width:348px;float:left;overflow:hidden;} div#main div.contact div.contactgeg{width:215px;float:right;overflow:hidden;} div#main div.contact div.contactgeg div{margin:0 0 23px 0;} /*beschikbaarheid*/ div#main div.besch_tabel{border:1px solid #e9e9e9; font-size:9px; padding:0 2px;} div#main div.besch_tabel div.cell{border:1px solid #686868; float:left; height:39px; margin:3px 1px; text-align:center; padding:0 2px; width:35px;} div#main div.besch_tabel div.empty{border:none !important; width:43px} div#main div.besch_tabel div.place{width:41px;} div#main div.besch_tabel div.days{border-color:#D6D6D6; width:30px} div#main div.besch_tabel div.price{width:32px} div#main div.besch_tabel div.single{width:57px} div#main div.besch_tabel div.suite{width:54px} div#main div.besch_tabel div.nonski{width:40px} div#main div.besch_tabel div.icons{border:none !important; text-align:left; width:auto;} div#main div.besch_tabel div.row{background:#f5f5f5; border:1px solid #E0E0E0; height:46px; margin:0 0 3px 0; width:388px;} div#main div.besch_tabel div.row div.flight{background:url(../images/layout/elements/table/flight.png) #fff no-repeat -3px 0;display:table; border:1px solid #686868; color: #E5130E; float:left; height:39px; margin:2px 2px; width:43px;} div#main div.besch_tabel div.row div.cell{background:#fff; height:26px; padding-top:13px;} div#main div.besch_tabel div.row div.flight span{display:block; line-height:19px; padding-left:15px; text-align:left; width:27px} div#main div.besch_tabel div.row div.place.green{background:#72B06E; border:1px solid #72B06E; color:#fff; font-size:18px; height:30px; padding:9px 2px 0 2px;} div#main div.besch_tabel div.row div.place.orange{background:#FFB76C; border:1px solid #FF7E3C; color:#fff; font-size:18px; height:30px; padding:9px 2px 0 2px;} div#main div.besch_tabel div.row div.place.red{background:#F46B66 url(../images/layout/elements/table/no_rooms.png) no-repeat scroll center center; border:1px solid #D32A2D; color:#fff; font-size:18px; height:30px; padding:9px 2px 0 2px;} div#main div.besch_tabel div.row div.icons{background:#f5f5f5;} div#main div.besch_tabel div.row .tooltip { display:none; width:170px;height:117px;background:url(../images/layout/tooltip.png) no-repeat;position: absolute;top:-117px;left:-73px} div#main div.besch_tabel div.row .tooltip img {position: absolute;top:12px;left:12px;} div#main div.besch_tabel div.row .tooltip .tooltiptext {position: absolute;left:37px;top:10px;height:70px;border-left:1px #cccccc solid;padding-left:7px;font-size:12px;width:110px;} div#main div#beschikbaarheid{} div#main div#beschikbaarheid h2{text-transform:none;font-size:16px;padding-left:23px; background:url(../images/layout/elements/table/header.png) no-repeat top left;} div#main div#beschikbaarheid div.beschikbaarheid_tabel{border:1px solid #e9e9e9; padding:0 4px;background:url(../images/layout/elements/table/table_besch_bg.png) no-repeat top left;background: -webkit-var:url(../images/layout/elements/table/table_besch_bg2.png) no-repeat top left; } div#main div#beschikbaarheid table.table_besch{border-collapse:separate; border-spacing:2px 10px !important;font-size:9px;} div#main div#beschikbaarheid table.table_besch thead{border-collapse:none;} div#main div#beschikbaarheid table.table_besch tr{height:40px !important;margin:0;} div#main div#beschikbaarheid table.table_besch th{text-align:center;border:1px solid #686868;padding:0 2px;} div#main div#beschikbaarheid table.table_besch th.empty{text-align:center;border:none;} div#main div#beschikbaarheid table.table_besch th.light{text-align:center;border:1px solid #d6d6d6; color:#333333;} div#main div#beschikbaarheid table.table_besch td{border:1px solid #686868;background:#fff;text-align:center;padding:0 2px;color:#333333;margin:2px 0;height:40px;} div#main div#beschikbaarheid table.table_besch td span{display:block;line-height:18px;padding-left:20px;text-align:left;} div#main div#beschikbaarheid table.table_besch td.empty{text-align:left;border:none;background:none;position:relative} div#main div#beschikbaarheid table.table_besch td.empty img{margin-right:1px;} div#main div#beschikbaarheid table.table_besch td.light{text-align:center;border:1px solid #d6d6d6; color:#333333;} div#main div#beschikbaarheid table.table_besch th.empty{text-align:center;border:none;} div#main div#beschikbaarheid table.table_besch td.price{font-size:11px;text-align:center;color:#e5130e;} div#main div#beschikbaarheid table.table_besch td.flight{font-size:10px;text-align:center;color:#e5130e; background:url(../images/layout/elements/table/flight.png) no-repeat 1px center;} div#main div#beschikbaarheid table.table_besch td.green{text-align:center;border:1px solid #72b06e;background:#94d28d; color:#fff;font-size:18px;} div#main div#beschikbaarheid table.table_besch td.orange{text-align:center;border:1px solid #ff7e3c;background:#ffb76c; color:#fff;font-size:18px;} div#main div#beschikbaarheid table.table_besch td.red{text-align:center;border:1px solid #d32a2d;background:#f46b66 url(../images/layout/elements/table/no_rooms.png) no-repeat center center; color:#fff;font-size:18px;text-indent:-9999px;} div#main div#beschikbaarheid table.table_besch td.empty .tooltip { display:none; width:170px;height:117px;background:url(../images/layout/tooltip.png) no-repeat;position: absolute;top:-117px;left:-73px} div#main div#beschikbaarheid table.table_besch td.empty .tooltip img {position: absolute;top:12px;left:12px;} div#main div#beschikbaarheid table.table_besch td.empty .tooltip .tooltiptext {position: absolute;left:37px;top:10px;height:70px;border-left:1px #cccccc solid;padding-left:7px;font-size:12px;width:110px;} /* Slider -----------*/ div.sliderContainer {width:396px;height:297px;background-color: #e9e9e9} div.sliderContainer ul.sliderContent, div.sliderContainer ul.sliderContent li {margin:0 !important;padding:0;list-style-image:none;background:none} div.sliderContainer ul.sliderContent {position:relative;height:272px} div.sliderContainer ul.sliderContent li {display:block;width:386px;height:262px;position:absolute;top:0;left:0;margin:5px !important;display:none;} div.sliderContainer ul.sliderContent li.active {display:block;} div.sliderContainer ul.sliderContent li img {width:386px;height:262px;} div.sliderContainer div.sliderMenu {margin:5px;margin-left:0;font-size:10px;color:#666666} div.sliderContainer div.sliderMenu div.sliderNav a {display:block;width:14px;height:14px;float:left;margin-left:8px} div.sliderContainer div.sliderMenu div.sliderNav a#sliderPrevious {background:#e9e9e9 url(../images/layout/slider/slider_previous.png) no-repeat 0 0} div.sliderContainer div.sliderMenu div.sliderNav a#sliderNext {background:#e9e9e9 url(../images/layout/slider/slider_next.png) no-repeat 0 0} div.sliderContainer div.sliderMenu div.sliderCount {float:left;margin:1px 0 0 15px} div.sliderContainer div.sliderMenu div.sliderInfo {float:left;margin:1px 0 0 25px} div.sliderContainer div.sliderMenu a.sliderIcon {float:right;display:block;width:18px;height:18px;background:#e9e9e9 url(../images/layout/slider/icon_flickr.png) no-repeat 0 0;margin-top:-2px} /*smallmap*/ div#smallmap {width:194px;height:138px;overflow:hidden;} /*tags*/ div#main div.news div.blogpost{float:left;margin-right:10px;background:url(../images/layout/elements/blogBtn.png) no-repeat top left;width:40px;height:22px;} div#main div.news div.newspost{float:left;margin-right:10px;background:url(../images/layout/elements/newsBtn.png) no-repeat top left;width:40px;height:22px;} /* Sidebar ---------------------------------------------------------- */ div#sidebar{ width:324px; float:right; margin:30px 0 0 0;} /* titles */ div#sidebar h1, div#sidebar h2, div#sidebar h3{ font-size:22px; text-transform:uppercase; color:#e5130e; } div#sidebar div.news h3{height:23px; overflow:hidden;margin-bottom:15px;} div#sidebar h3.sidebar_home_header{ margin:16px 0 4px 0;} /* boxes*/ div#sidebar div.box{ height:194px !important; margin:0 0 20px; width:274px; padding:24px 24px 20px 24px; background:#F5F5F5; border:1px solid #E9E9E9;text-align:justify; /*overflow:hidden;*/ } div#sidebar div.box2{ margin:0 0 20px; width:274px; padding:24px 24px 20px 24px; background:#F5F5F5;overflow:hidden; border:1px solid #E9E9E9;text-align:justify; /*overflow:hidden;*/ } div#sidebar div.box.small{ height:76px !important; min-height:76px !important; margin:0px 0 20px; width:296px; padding:14px 14px 11px 12px; background:#F5F5F5; border:1px solid #E9E9E9; } div#sidebar div.box.empty{ height:38px !important; min-height:38px !important; margin:0 0 3px; width:300px; padding:11px; background:#FFF; border:1px solid #E9E9E9; } div#sidebar div.box.news{height:auto !important; height:98px;} div#sidebar div.box.blog{ height:auto !important;width:263px;padding:24px 35px 24px 20px;} /* box_big*/ div#sidebar div.box.news h3{color:#b8b8b8;font-size:18px;} div#sidebar div.info h3{ color:#b8b8b8;} div#sidebar div.info h4{ background:#e5130e; color:#FFF; font-size:18px; padding:0px 5px 0; line-height:22px;height:24px !important; } div#sidebar div.info div.text{ padding:5px 0 0px 0; width:100%; margin-bottom:5px; border-bottom:1px solid #d6d6d6; clear:both; overflow:hidden; } div#sidebar div.info div.text p{margin:0;} div#sidebar div.info span.icon_tags{ display:inline-block; padding:0 0 0 20px; line-height:16px; } div#sidebar div.info a.btn_readmore{ text-align:center; text-decoration:none; color:#666; width:75px; margin:10px 0 5px 0; height:18px; display:block; float:right; background:url(../images/layout/elements/info/button_readmore.png) no-repeat 0 0; } div#sidebar div.info a.btn_readmore:hover{ color:#000; } /* travel box opmaak */ div#sidebar div.box.travels{width:322px !important; height:237px !important;margin-top:-10px;padding:0;overflow:hidden;clear:both;position:relative;} div#sidebar div.box.travels ul{margin:4px 4px 0 4px;z-index:9;} div#sidebar div.box.travels ul li{width:308px;display:block;height:48px;border:1px solid #cccccc;margin:3px 0 4px 0;padding:2px;background:#fff;position:relative;} div#sidebar div.box.travels ul li.last{margin:3px 0 0px 0;} div#sidebar div.box.travels ul li:hover, div#sidebar div.box.travels ul li.sfhover{border:1px solid #999999;cursor:pointer;} div#sidebar div.box.travels ul li a{width:100%;color:#000000; text-decoration:none;} div#sidebar div.box.travels ul li a:hover{} div#sidebar div.box.travels ul li img{margin:0 6px 0 0;} div#sidebar div.box.travels ul li p{border-bottom:1px solid #999999; font-style:normal; font-size:13px;padding:0 4px;width:156px;margin:0 0 2px 50px;display:block;overflow:hidden;height:16px !important; line-height:16px !important;} div#sidebar div.box.travels ul li p object{width:125px !important;} div#sidebar div.box.travels ul li span{color:#999999;width:168px;display:block;margin-left:50px;text-align:left;} div#sidebar div.box.travels ul li div.price{position:absolute;height:40px;width:63px; right:2px; top:2px;padding:4px 0 4px 15px;text-align:left;background:url(../images/layout/elements/euro.png) #f5f5f5 no-repeat 3px 17px;} div#sidebar div.box.travels ul li div.price em{font-size:14px;height:20px !important;position:absolute;text-align:left; left:5px; bottom:15px; font-weight:bold; font-style:normal;padding-left:10px;display:block;width:50px;} div#sidebar div.box.travels ul li div.price em object{width:45px !important;position:absolute;left:12px;top:0px;} /* news boxen opmaak */ div#sidebar div.box.news ul li{background:url(../images/layout/arrow2.png) no-repeat top left; padding: 2px 0 0 10px;} div#sidebar div.box.news ul li span{color:#999999; padding:0 4px;} div#sidebar div.box.news ul li.archive{} /*laatste reacties */ div#sidebar div.box.blog ul.last_reactions li{padding: 2px 0 3px 0px;background:url(../images/layout/line.png) repeat-x bottom left;} div#sidebar div.box.blog ul.last_reactions li a{background:url(../images/layout/arrow.png) no-repeat center left;padding-left:6px;} div#sidebar div.box.blog ul.last_reactions li span{color:#000; padding:0 4px;} div#sidebar div.box.blog ul.last_reactions li.archive{} /* meta */ div#sidebar div.info ul.meta{ width:100%; clear:both; overflow:hidden; border-bottom:1px solid #d6d6d6; padding:5px 0; } div#sidebar div.info ul.meta li{ font-size:10px; line-height:16px; float:left; padding:0 0 0 20px; } div#sidebar div.info ul.meta li a{ font-size:10px; color:#333333; text-decoration:underline; } div#sidebar div.info ul.meta li a:hover{ font-size:10px; color:#e5130e; text-decoration:underline; } div#sidebar div.box.blog ul li span{margin-left:3px;} /*personeel box*/ div#sidebar div.info div.two_col{height:110px; overflow:hidden;border-bottom:1px solid #D6D6D6;padding:20px 0 20px 0;} div#sidebar div.info div.two_col.teammemberfirst{padding:0px 0 20px 0 !important;} div#sidebar div.info div.two_col div.pic{float:left;height:108px;background:#fff;} div#sidebar div.info div.two_col div.pic img{padding:2px; border:1px solid #cccccc;} div#sidebar div.info div.two_col div.teaminfo{float:right;width:187px;height:108px;position:relative;} div#sidebar div.info div.two_col div.text{margin:0;border:none;padding:2px 0 0 0;} div#sidebar div.info div.two_col div.teaminfo span.functie{width:100%;display:block;background:url(../images/layout/line.png) repeat-x bottom left;margin-bottom:2px;} div#sidebar div.info div.two_col div.teaminfo span.functie em{width:100%;display:block;font-style:normal;padding:0 0 2px 5px;} div#sidebar div.info div.two_col div.teaminfo a.blogberichten{color:#999999;position:absolute; bottom:0px;line-height:16px; left:5px;padding-left:18px;background:url(../images/icons/posted.png) no-repeat top left;} div#sidebar div.info div.two_col div.teaminfo a.blogberichten:hover{color:#E5130E;text-decoration:underline;} /* three col */ div#sidebar ul.three_col li{ float:left; width:72px; text-align:center; background:url(../images/layout/elements/sociallinks/tile.png) repeat-y right 0; } div#sidebar ul.three_col li.last{ background:none; } div#sidebar ul.three_col li img{ display:block; margin:0 auto; border:1px solid #CCC; padding:1px; } div#sidebar ul.three_col li a{ color:#999; } div#sidebar ul.three_col li a:hover{ color:#333; } div#sidebar ul.three_col li a:hover img{ border:1px solid #333; } /* Forms ---------------------------------------------------------- */ form.default{width:620px} /*fieldset*/ form.default fieldset{width:900px; padding:10px; border:1px solid black;} form.default fieldset legend{border:1px solid black;} /*entry*/ form.default div.entry{clear:both; overflow:hidden; margin:0 0 5px; padding:5px} form.default div.entry label{float:left} /*error*/ form.default div.error{background:#FFE6E7; border:1px solid #CC0000} form.default span.error{color:#CC0000; float:right; display:block; line-height:18px; padding:0 0 0 18px; font-size:11px; background:url(../images/layout/icon_error.gif) no-repeat 0 0} /*text*/ form.default div.text label{line-height:18px} form.default div.text input{width:100%} /*textarea*/ form.default div.textarea label{clear:both; line-height:18px; display:block} form.default div.textarea textarea{width:100%} /*radiobutton*/ form.default div.radiobutton label{width:100%; display:block} /*checkbox*/ form.default div.checkbox label{width:100%; display:block} /*select*/ form.default div.select select{clear:both; display:block} form.default div.select label{display:block} /*einde default*/ form.blog{width:620px;} form.blog fieldset{width:620px;padding:0;} form.blog fieldset legend{} form.blog div.entry{clear:both; overflow:hidden; margin:0 0 5px;} form.blog div.entry label{float:left} form.blog div.text.val {text-align:left;} form.blog div.text.val label{line-height:24px;margin:0px;} form.blog div.text.val img{float:left; display:block;} form.blog div.text.val input{margin:0 2px 0 0;float:right;padding:6px;background:url(../images/layout/elements/form_validate.png) no-repeat top left;height:32px; width:496px; } form.blog div.text.error input{padding:6px;background:url(../images/layout/elements/form_input_text_large_error.png) no-repeat top left;height:32px; width:100%; } form.blog span.error{color:#CC0000; float:right; display:block; line-height:18px; padding:0 0 0 18px; font-size:11px; background:url(../images/layout/icon_error.gif) no-repeat 0 0} form.blog div.entry.verplicht {float:left;} form.blog div.entry.submit {float:right;} form.blog div.entry.error input.frm_small{width:496px; float:right;background:url(../images/layout/elements/form_validate_error.png) no-repeat top left;margin:0 2px 0 0;} form.blog input.submit{ float:left;padding-bottom:4px; color:#FFF; width:64px; height:26px; background:url(../images/layout/elements/form/button_tile2.png) no-repeat 0 0; } form.blog input.submit:hover{ background-position:-64px 0; } form.blog div.text label{line-height:18px;margin-bottom:3px;} form.blog div.text input{width:604px;padding:6px; line-height:16px;height:16px; background:url(../images/layout/elements/form_input_text_large.png) no-repeat top left;} form.blog div.textarea label{clear:both; line-height:18px; display:block; margin-bottom:3px;} form.blog div.textarea textarea{padding:6px;font-size:11px;border:none;background:url(../images/layout/elements/textarea.png) no-repeat top left;height:144px; width:604px !important; } /*form.blog div.textarea textarea{background:url(../images/layout/elements/textarea.png) no-repeat top left;height:144px; width:610px !important; }*/ /*contact*/ form.contact{width:348px;} form.contact fieldset{width:348px;padding:0;overflow:hidden;} form.contact fieldset legend{} form.contact div.entry{clear:both; overflow:hidden; margin:0 0 5px;} form.contact div.entry label{float:left;} form.contact div.text.val {text-align:left;} form.contact div.text.val label{line-height:24px;margin:0px;} form.contact div.text.val img{float:left; display:block;} form.contact div.text.val div.input{background:url(../images/layout/elements/contactform_validate.png) no-repeat bottom right;width:200px;float:right;clear:none;width:240px;} form.contact div.text.val input{padding:4px; line-height:16px;height:16px;background:none;border:none;width:200px;} form.contact div.text.error div{background:url(../images/layout/elements/contactform_input_text_large_error.png) no-repeat bottom right;width:100%;clear:both;} form.contact div.text.error input{border:none;padding:6px;height:32px; width:336px; } form.contact span.error{color:#CC0000; float:right; display:block; line-height:18px; padding:0 0 0 18px; font-size:11px; background:url(../images/layout/icon_error.gif) no-repeat 0 0} form.contact div.entry.verplicht {float:left;} form.contact div.entry.submit {float:right;} form.contact div.entry.error input.frm_small{background:none;width:238px; float:right;margin:0 2px 0 0;width:225px;} form.contact div.entry.error div.inputsmall{background:url(../images/layout/elements/contactform_validate_error.png) no-repeat left top;height:28px;width:238px;clear:none;float:right;} form.contact input.submit{ margin-top:5px;line-height:26px;float:left;padding-bottom:4px; color:#FFF; width:64px; height:26px; background:url(../images/layout/elements/form/button_tile2.png) no-repeat 0 0; } form.contact input.submit:hover{ background-position:-64px 0; } form.contact div.text label{line-height:18px;margin-bottom:3px;} form.contact div.text.error div.input{background:url(../images/layout/elements/contactform_input_text_large_error.png) no-repeat left top;height:28px;width:100%;clear:both;} form.contact div.val.error div.input{background:url(../images/layout/elements/contactform_validate_error.png) no-repeat left top;height:28px;width:240px;float:right;clear:none;} form.contact div.text div.input{background:url(../images/layout/elements/contactform_input_text_large.png) no-repeat left top;height:28px;width:100%;clear:both;} form.contact div.text input{width:336px;padding:4px; line-height:16px;height:16px;background:none;} form.contact div.textarea label{clear:both; line-height:18px; display:block; margin-bottom:3px;} form.contact div.textarea div.input{background:url(../images/layout/elements/textarea_contactform.png) no-repeat left bottom;} form.contact div.textarea textarea{border:none;padding:6px;font-size:11px;border:none;height:132px; width:336px !important; background:none;} /* Footer ---------------------------------------------------------- */ div#footer{ line-height:35px; height:35px; padding-bottom:30px; color:#999; font-size:10px; background:#f5f5f5 url(../images/layout/elements/footer/tile.png) repeat-x 0 0; } div#footer div.container{ position:relative; } div#footer div.arrow{ position:absolute; left:35px; top:0; width:11px; height:6px; background:url(../images/layout/elements/footer/footer_arrow.png) no-repeat 0 0; } div#footer ul{ padding:0 0 0 16px; } div#footer ul li{ float:left; margin:0 7px 0 0; padding:0 8px 0 0; background:url(../images/layout/elements/footer/bullet.png) no-repeat right center; } div#footer ul li a{ color:#999; text-decoration:none; } div#footer ul li a:hover{ text-decoration:underline; } div#footer ul li.sitemap{ padding:0 10px 0 0; margin:0; background:none; } div#footer ul li.sitemap a{ width:45px; height:12px; overflow:hidden; font-size:10px; text-indent:-9000px; display:block; width:45px; height:12px; margin-top:11px; background:url(../images/layout/elements/footer/sitemap_background.png) no-repeat 0 0; } div#footer ul li.sitemap a:hover{ background-position:right top; } div#footer ul li.last{ background:none; } /*------*/ div#OverlayContainer {overflow:hidden !important;}