/*======================================================= Neutralize styling: Elements we want to clean out entirely: */ html, body, form { margin: 0; padding: 0; font: 100%/120% Verdana, Arial, Helvetica, sans-serif; } /* Neutralize styling: Elements with a vertical margin: */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; } /* Apply left margin: Only to the few elements that need it: */ li, dd, blockquote { margin-left: 0em; } /* Miscellaneous conveniences: */ form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 11px } img{border:0} ul{list-style-type:square} .italic{font-style:italic} .align_right{text-align:right} .error{border:solid 1px #a00; background-color:#fcc; margin:10px; padding:10px} .error ul{padding-left:40px} .success{border:solid 1px #f07c29; background-color:#ffeadb; margin:10px; padding:10px} p{line-height:16px} /*=======================================================*/ /* STANDARD PAGE LAYOUT*/ body{background:#fafafa url(bg_page3.jpg) repeat-y center;color:#838383; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; height:100%} html{height:100%; overflow-y:scroll} #div_content{background:url(bg_page3_vertical_lines.jpg) repeat-y center; margin-left:auto; margin-right:auto; width:850px; position:relative; min-height:100%; height:auto !important; height:100%;} #div_content2{margin-left:auto;margin-right:auto;width:850px;background:url(/bg_top_fadeout.jpg) no-repeat center top} #div_footer{clear:both; text-align:center; padding-top:10px; padding-bottom:10px} ul.navigatie{list-style-type:none; font-weight:bold; line-height:14px; /*margin:3px 10px*/} ul.navigatie li{border-bottom:1px solid #f7878a} ul.navigatie li.last{border-bottom:none} ul.navigatie a{display:block; /*width:194px;*/ padding:6px; text-decoration:none} ul.navigatie a:hover{background-color:#f4696e} #block_events a:hover{background-color:#ff8f3f; text-decoration:none} #top_content{position:relative} #language_selector{float:left; padding-left:610px; margin-top:10px; width:200px; position:relative} #language_selector a{display:block; padding:2px 5px; width:25px; text-align:center; float:left; margin:0 5px; color:#f07c29; border:solid 1px #eef2f3} #language_selector a.sel{background-color:#f07c29; color:#fff; border:solid 1px #f07c29} #language_selector a:hover{border:solid 1px #f07c29; background-color:#fff; text-decoration:none; color:#f07c29} .blok{float:left; margin:20px 20px 0 0; border:1px solid #ddd; background:#fff; width:234px; height:219px; position:relative} .blok h2{text-align:center;width:228px;padding:3px;background:#746d6d;border-bottom:1px solid #464646;border-top:1px solid #464646;font-size:10px;color:#fff;} .info_content{padding:3px;width:225px;height:191px;line-height:1.3em;} .orange{background:#f07c29 url(bg_orange.jpg) no-repeat bottom; color:#fff;} .lgrey{background:#edf2ec url(bg_lgrey.jpg) no-repeat bottom; color:#777b7e} .lgrey a{color:#777b7e} .red{background:#e94448 url(bg_red.jpg) no-repeat bottom;color:#fff;} .dgrey{background:#777b7e url(bg_dgrey.jpg) no-repeat bottom;color:#fff;} .orange_3x2{background:#f07c29; color:#fff;} .lgrey_3x2{background:#edf2ec;color:#777b7e;} .red_3x2{background:#e94448;color:#fff;} .dgrey_3x2{background:#777b7e;color:#fff;} .bold{font-weight:bold;} .break{clear:both;} .contactdiv{position:relative} #lemaire{position:absolute; top:30px; right:9px} /*=======================================================*/ /* STANDARD TEKST LAYOUT*/ a{text-decoration:none;outline:none; color:#fff} a:hover{color:#fff; text-decoration:underline} /* aparte link kleuren*/ .link_dgrey a:hover{color:#777b7e;} a.link_red{color:#e94448} .link_orange a:hover{color:#f07c29;} /*=======================================================*/ /* SPLASH PAGE*/ #div_cubes{float:left; padding-left:51px} .splash_image{padding:4px 4px 4px 5px;} .splash_text{padding:4px;width:226px;} .splash_image_center{margin-top:13px;} .splash_image_text{padding-top:4px;width:210px;display:block;text-align:right;} #contact_mapje{background:url(/block_contact_map.png) no-repeat center top; height:133px; padding-top:5px; padding-left:5px} #block_online_reservation{position:absolute; bottom:5px; left:35px} #lunch{position:relative} #lunch ul{position:absolute; top:30px; left:5px; margin:5px; padding-left:25px} #lunch_menu{width:225px; float:left; margin-bottom:10px} #lunch_menu a{float:left; padding:1px 3px; margin:3px; font-weight:bold; display:block; width:98px; color:#666; text-align:center; border:solid 1px #d0853c} #lunch_menu a.sel, #lunch_menu a:hover{background-color:#f07c29; border:solid 1px #d0853c; color:#fff; text-decoration:none} #lunch_menu a:hover{background-color:#f26f12} #lunch_date{font-size:9px; font-weight:bold; text-align:right; margin:2px 2px 5px 2px; display:block} .lunch_title{color:#900; padding-top:5px; font-weight:bold} .lunch_info{padding:5px; position:absolute; bottom:0; right:5px} #block_events{list-style-type:none} #block_events li{border-bottom:solid 1px #ffb179; line-height:20px} #block_events li.last{border-bottom:none} #block_events a{display:block; width:214px; padding:6px} #block_events a:hover{background-color:#ff8f3f; text-decoration:none} #submit_to_newsletter{position:absolute; bottom:10px; right:10px} #submit_to_newsletter span{display:block; text-align:right; margin-bottom:10px} #submit_to_newsletter input{border:solid 1px #f07c29; width:150px} #submit_to_newsletter .button{background-color:#e45610; font-weight:bold; color:#fff; width:auto} #block_contact_lnk{position:absolute; left:10px; bottom:85px; font-weight:bold} /* WINDOW PAGES*/ .content_3x2{float:left; width:745px; margin-top:20px; background:#fff; border:1px solid #ccc} .content_3x2 h2{text-align:center; width:739px; padding:3px; background:#746d6d; border-bottom:1px solid #464646; border-top:1px solid #464646; font-size:10px; color:#fff} .content_3x2 p{padding:10px 15px} .content_3x2 h3{margin:15px; font-size:13px} .content_3x2 h4{margin:10px 20px} .content_2x2{float:left;width:490px;margin-top:20px;background:#fff;border:1px solid #ccc; min-height:460px} .content_2x2 h2{text-align:center; padding:3px; background:#746d6d; border-bottom:1px solid #464646; border-top:1px solid #464646; font-size:10px; color:#fff} .content_2x2 p{padding:10px 15px} .content_2x2 ul{margin-left:35px} .content_2x2 .error ul{margin-left:10px} .content_2x2 a, .content_3x2 a{color:#333} .content_2x2 h3{margin:15px; font-size:13px} .content_2x2 h4{margin:10px 20px; font-size:12px} .fl_left{float:left;} .fl_right{float:right;margin-right:51px} #imgs li.over, #img_galleries li.over, #events li.over, #members li.over{background-color:#ffeaeb} /* video page */ #movie_container{margin:7px; background-color:#eee} /* event page */ #current_event_img{text-align:center; margin:15px} #to_overview_list a{display:block; width:735px; border-bottom:dashed 1px #ccc; padding:5px} #to_overview_list a:hover{background-color:#f07c29; color:#fff; text-decoration:none} #events{float:left; list-style-type:none; padding:15px} #events li{float:left; padding:10px; width:150px; background-color:#f6f6f6; text-align:center; margin:5px 4px; height:250px; position:relative} #events img{border:solid 1px #ccc} #events span{display:block; margin:5px; height:25px} /* img gallery*/ h3#img_gallery_folder{margin:15px} #img_galleries, #imgs{float:left; list-style-type:none; padding:15px} #img_galleries li, #imgs li{float:left; padding:10px; width:150px; background-color:#f6f6f6; text-align:center; margin:5px 4px; height:175px} #img_galleries li{position:relative} #imgs li{height:150px} .img_folder_title{display:block; margin-top:5px} /* team */ #members{float:left; list-style-type:none; padding:15px} #members li{float:left; padding:10px; width:150px; background-color:#f6f6f6; text-align:center; margin:5px 4px; height:150px; position:relative} #members .name{margin-top:5px} /* carte */ #block_carte{list-style-type:none} #block_carte li{border-bottom:solid 1px #ddd} #block_carte li.last{border-bottom:none} #block_carte a{display:block; width:214px; padding:8px 6px} #block_carte a:hover, #block_carte a.sel{background-color:#fff; text-decoration:none; color:#333} #lunch_info_inline{text-align:right} #lunch_info_inline span{display:block; margin:0 5px 10px 0} table.carte_subcat{margin:15px 20px} table.carte_subcat td{padding:2px 4px} table.carte_subcat .price{text-align:center; width:67px} table.carte_subcat .course{width:367px; text-align:left} table.carte_subcat th{border-bottom:solid 1px #eee} table.carte_subcat tr.odd{background-color:#f6f6f6} h3.subcat{padding:3px 5px; border-bottom:solid 1px #cc6317; margin-bottom:0; background-color:#f07c29; color:#fff} h4.subcat2{padding:3px 5px; border-bottom:dashed 1px #999; margin-bottom:0; color:#333} .course_remark{font-style:italic; color:#ec7878} /* contact */ #contact_situation, #contact_address{float:left; width:240px} #contact_location, #contact_ohours{margin-left:260px; margin-right:15px} img.border{border:solid 1px #ccc} #contact_address ul{padding:15px; padding-left:0} #contact_address li, #contact_ohours li{line-height:18px} #contact_map, #contact_map span, #contact_map a{float:left; vertical-align:middle; padding:3px} #contact_map{margin:15px; padding:15px 0; border-top:solid 1px #eee; border-bottom:solid 1px #eee; background-color:#f6f6f6} #contact_map a{display:block; border:solid 1px #ccc; margin:3px; background-color:#fff} #contact_map span{margin:3px; display:block} #contact_map a.sel{background-color:#f07c29; color:#fff} #contact_map a:hover{background-color:#ccc; color:#fff} #contact_loc_wrapper{float:left; border-bottom:solid 1px #eee; padding-bottom:10px; margin:15px} #frm_contact{margin:15px; margin-top:-25px} /* shop */ .zoom_overlay {background:transparent url(/find.png) no-repeat scroll left top; bottom:-7px; height:16px; position:absolute; right:-7px; width:16px} .shop_list td a{position:relative} .shop_list{margin: 15px 0} #frm_shop h3{margin:0; margin-top:10px} #frm_shop ol.products{padding-left:0; padding-right:0} #frm_shop ol.products li{border-bottom:1px dashed #ccc; margin-bottom:15px} .shop_list div{width:auto; margin:auto} .shop_list td{padding:2px 4px} .shop_list .price{text-align:center; width:67px} .shop_list th{border-bottom:dashed 1px #111; text-align:left; padding:2px 4px; color:#111} .shop_list tr.odd{background-color:#f6f6f6} .shop_list .product_params, .shop_list .product_remark{font-style:italic; color:#ec7878; margin:5px} /* widgets */ #meteo{margin:10px; padding:10px; background-color:#f6f6f6; width:172px; float:left} #headlines {background-color:#F6F6F6; float:left; margin:10px; padding:10px; width:493px} #headlines div, #traffic div{height:178px; overflow:auto; margin-top:5px} #headlines ul, #traffic ul{margin-left:25px} html body div#externalobservations a.bottom{background:none} #meteo h2, #headlines h2, #traffic h2{width:auto; background:#aaa; border:none; border-bottom:solid 1px #999} #headlines h2 span, #traffic h2 span{font-size:9px; font-style:italic; color:#555} #traffic{float:left; width:389px; margin:10px; padding:10px; background:#f6f6f6} #music{position:absolute; right:20px; top:-5px} #mtv{float:left; width:296px; margin:10px; background:#f6f6f6; height:222px} /* form overrides */ fieldset.submit input{border:solid 1px #666; font-size:10px; margin:2px; padding:2px} label{color:#e94448; font-weight:bold} #gallery_video, #gallery_imgs {position: relative; width: 224px; height:170px; overflow:hidden; background:url(/site_images/movie.jpg) no-repeat} #gallery_video img, #gallery_imgs img{position: absolute; opacity:0; z-index:0; visibility:hidden} #gallery_imgs{background:transparent url(/ajax-loader.gif) no-repeat 50% 50%} img.left{float:left; margin:0 10px 10px 0} input.xsmall{width:2em} /* cms */ #frm_login{margin:15px} #info {background-color:#fff; border-bottom:1px solid #ccc; margin-left:auto; margin-right:auto; padding:10px; text-align:right; width:786px} #info a{color:#e94448} #modules{margin:10px 0; border-top:solid 1px #ccc; padding:5px 0; text-align:left} #modules a{margin:0 10px 0 0} #loc{text-align:left; background-color:#eee; padding:4px; margin:10px; clear:left} #actions{margin:5px 10px; float:left} #actions ul{margin:0; padding:0} #actions li{width:229px; background-color:#f6f6f6; float:left; list-style:none; line-height:20px; vertical-align:middle; border:solid 1px #fff; padding:2px} #actions img{vertical-align:middle} table.cms{padding:10px; width:100%} table.cms thead{background-color:#333} table.cms th{color:#fff; text-align:left; padding:2px} table.cms td{padding:2px} tr.dark{background-color:#eee} #frm_edit, #frm_add, #frm_cp{margin:15px} h2{vertical-align:middle} h2 img{vertical-align:middle} input.long{width:22em} input.small{width:5em} #members div, #events div, #img_galleries div{position:absolute; top:0; left:0; background-color:#ccc; width:170px; padding:5px 0; border-bottom:solid 1px #999; opacity:.9} #members div img, #events div img, #img_galleries div img{border:0} .img_list{float:left; margin-left:13em; margin-top:10px; list-style:none} .img_list li{float: left; width:110px; margin:10px; display:block; height:110px; text-align:right; clear:none} .img_list img{padding:2px; border:solid 1px #999} .img_list img.noborder{border:none} ol li div{margin-top:0; width:400px; margin-left:14em} #partners{position:relative; height:450px; background:url(/ajax_loader_partner.gif) center center no-repeat; clear:left} #partner_list{clear:left; margin:10px} #partner_list table{width:100%} #partner_list th{background-color:#F07C29; color:#fff} #partner_list .odd td{background-color:#f6f6f6} #jobs{margin:15px} #jobs dt{font-weight:bold; padding:0 0 5px 5px; border-bottom:solid 1px #ccc} #jobs dd{margin-left:15px; line-height:18px; margin:10px 0 20px 15px} #jobs a{color:#e94448; text-decoration:underline} #jobs a:hover{text-decoration:none} #frm_job{margin:-15px 15px 15px 15px} #intro_overlay{position:absolute; width:100%; height:100%; background:transparent url(/bg_intro_container.png) left top repeat; left:0; top:0; z-index:999} #intro_container{position:absolute; top:50%; left:50%; margin-top:-190px; margin-left:-420px; width:840px; height:340px} #intro_container .lc_col{float:left; width:458px} #intro_container .col{border:solid 1px #999; float:left; margin-right:5px; margin-bottom:5px; padding:5px; background-color:#fff; text-align:center} #intro_container .event{width:240px; height:340px} #intro_container .logo{width:184px; height:130px} #intro_container .logo a{display:block; margin-top:10px} #intro_container .rss{width:184px; height:193px} #intro_container h2{background-color:#746D6D; font-size:11px; font-weight:bold; color:#fff; padding:5px; margin-bottom:5px} #intro_container ul{list-style-type:none} #intro_container .rss div{height:62px; line-height:15px; position:relative} #intro_container .rss li{position:absolute; left:0; top:0; padding:0px 10px; background-color:#fff} #intro_container .rss a{color:#999} #intro_container .lunch{width:183px; float:right; height:340px; margin-right:0; position:relative} #intro_container .lunch ul{list-style-type:square; text-align:left; margin-left:20px; margin-bottom:10px} #intro_container .lunch_info{line-height:14px} #intro_container .right_col{float:left; width:382px} #intro_container .weather{margin-right:0; width:170px; padding:5px} #intro_container .gallery{width:170px; text-align:left; height:141px} #intro_container .gallery div{height:141px} #intro_gallery{background-color:#838383} #intro_top{text-align:right; padding:10px 0; overflow:hidden; position: relative} #intro_top a.close{background-color:#D63A3E; padding:5px; display:block; float:right; text-align:center; width:185px} #intro_top a.close:hover{background-color:#fff; color:#d63a3e} #qr { position: absolute; left:-66px; top:35px; width: 66px; height: 66px} #intro_loader {background:transparent url(/ajax_loader.gif) no-repeat scroll 0 0; height:31px; left:50%; margin-left:-15px; margin-top:-15px; position:absolute; top:50%; width:31px}