@charset "utf-8"; /* ####### RESET CSS ####### */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* ####### RESET CSS ####### */ html{overflow-y:scroll} body{background:#fff url(/bg.png) center -40px no-repeat; font:12px Arial, Helvetica, sans-serif; color:#888} h1{color:#000; font:14pt "Trebuchet MS", Arial, Helvetica, sans-serif; border-left:solid 5px #888; padding:2px 5px 2px 15px; margin-bottom:10px; font-weight:bold} p{line-height:18px; margin:0 0 15px 0} a{color:#ed7f27} a:hover{text-decoration:none} #site_wrapper{margin:0 auto; width:916px; min-height:600px; position:relative; padding-top:42px} #header{height:220px; padding-left:180px; position:relative; z-index:1} #header #tags{position:absolute; left:510px; z-index:10} #header #tags li{font-size:18pt; position:absolute; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif} #lbl_boekhouding{top:93px; left:150px; color:#111} #lbl_fiscaliteit{top:40px; left:14px; color:#555} #lbl_audit{left:160px; top:35px} #lbl_consulting{left:242px; top:56px; color:#555} #lbl_milieu{left:54px; top:114px; color:#666} #header #lang_sel{right:75px; top:-30px; position:absolute} #lang_sel li{float:left; margin:0 0 0 15px; font-weight:bold} #lang_sel .sel{color:#333; text-decoration:none} #col_wrapper{z-index:2; position:relative; margin-top:-110px; overflow:hidden} #lc_col_wrapper{width:687px; overflow:hidden; float:left; position:relative} #center_col{width:450px; background-color:#fff; min-height:500px; float:right; padding:20px 0 20px 10px; margin-top:110px} #loc{margin-bottom:20px} #left_col{width:227px; background:url(/right_col_bg.png) left top repeat-y; padding:15px 0; position:relative} #left_col .left_shadow{position:absolute; left:0; top:0; width:14px; height:285px; background:transparent url(/left_shadow.png)} #left_col .right_shadow{position:absolute; left:219px; top:0; width:14px; height:285px; background:transparent url(/right_shadow.png)} #left_col .content{width:193px; border:solid 1px #ccc; background-color:#fff; margin-left:14px; padding:5px} #left_col .content img{display:block} #office{margin-top:5px} #office ul{margin:10px; line-height:22px; color:#000; margin-bottom:5px} #left_col .gmap{margin-top:10px} #map_canvas{width:450px; height:250px; margin-top:15px} #d2d{position:absolute; bottom:-30px; right:30px; font-size:10px} #d2d a.external{background:none; padding:inherit} #footer{height:45px; background:transparent url(/center_footer_bg.gif) left top repeat-x; margin-top:20px} #footer span{display:inline-block; background:#fff; margin:0 20px; font-weight:bold; font-size:11px; padding:0 15px; color:#444} #footer span img{vertical-align:middle; margin-right:10px} #right_col_wrapper{width:229px; float:right; background:url(/right_col_bg.png) right top repeat-y; padding:15px 0; margin-top:30px; position:relative} #right_col_wrapper .left_shadow{position:absolute; left:1px; top:15px; width:14px; height:285px; background:transparent url(/left_shadow.png)} #right_col_wrapper .right_shadow{position:absolute; left:218px; top:15px; width:14px; height:285px; background:transparent url(/right_shadow.png)} #menu{width:191px; border:solid 1px #ccc; background-color:#fff; min-height:400px; margin-left:15px; padding:5px} #menu li{margin-bottom:5px} #menu a{display:block; padding:4px 6px; color:#222; font-weight:bold; font-size:10pt; text-decoration:none} #menu a.sel, #menu a:hover{background-color:#444; color:#fff} #menu li ul{padding:10px 0 0 10px; margin-left:5px} #menu li li a{font-size:12px; font-weight:normal; background:url(/menu_list_item.gif) left center no-repeat; padding-left:20px; color:#666} #menu li li.even a{background-color:#ebebeb} #menu li li a:hover, #menu li li a.sel{color:#111; background-color:#fff; background-image:url(/menu_list_item_over.gif)} #menu li li.even a:hover, #menu li li.even a.sel{background-color:#ebebeb; background-image:url(/menu_list_item_over.gif); color:#111} #links, #members, #services{margin-top:15px; margin-left:18px} #links h2, #members dt, #services dt{margin-bottom:10px; background:url(/menu_list_item.gif) left center no-repeat; padding-left:25px} #links h2.hover, #links h2.sel{color:#000} #links .toggle_container{background-color:#fff} #links .toggle_container div, #members dd, #services dd{padding-bottom:15px} #links .toggle_container p{margin:10px 45px} #links ul, #services ul{list-style-image:url(/list_type_link.gif); margin:0 10px 10px 40px} #links li, #services li{line-height:22px} #links li.even a{color:#999} #members p, #services p{margin:10px 0 10px 25px} #members dt, #services dt{font-weight:bold; color:#000} #member_list{margin:10px 10px 25px 15px} #member_list li{line-height:16px} #member_list li.even a{background-color:#f6f6f6} #member_list a{display:block; padding:4px 8px} #member_list a:hover, #member_list li.even a:hover{background-color:#999; color:#fff} #slideshow{width:193px; height:115px; position:relative} #slideshow img{position:absolute; left:0; top:0} #info{overflow:hidden} #info img{margin:0 15px 0 15px; float:right} #info ul{margin-left:15px; line-height:18px} #info .nl{margin-top:15px} #gototop {bottom:15px; display:none; font-weight:bold; position:fixed; right:15px} #gototop a{display:block; padding:7px 7px 7px 25px; color:#fff; text-decoration:none; width:110px; background:#de771b url(/icon_top_link_5x8.gif) 10px center no-repeat} #gototop a:hover{text-decoration:none; background-color:#444} /* ####### DEFAULT CSS ####### */ .cursor{cursor:pointer} .italic{font-style:italic} a.external{background:transparent url(/icon_external_link_8x8.gif) right center no-repeat; padding-right:12px} .success, .error{background-color:#fff0e4; border:solid 5px #9e3d3d; border-left-color:#e2412b; border-width:1px 1px 1px 5px; padding:5px; margin:15px 0; color:#333} .success{border-left-color:#7de22b} .success ul, .error ul{line-height:18px; list-style-type:square; margin:15px 35px} .success p, .error p{margin:5px 10px 25px 10px} p strong{color:#666} #sitemap{text-align:left; margin:15px} #sitemap ul{list-style-type:square; margin:15px 25px} #sitemap ul ul{margin:5px 25px} #sitemap li{line-height:19px} /* clearfix */ * html .clearfix {height: 1%} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden} .clearfix {display:inline-block} /* Hide from IE Mac \*/ .clearfix {display:block} /* End hide from IE Mac */