@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 ####### */ /* ####### DEFAULT CSS ####### */ html{overflow-y:scroll; height:100%; margin-left:-1px} body{background:#000 url(/bg_white_border.gif) left top repeat-x; font:11px Arial, Helvetica, sans-serif; color:#fff; height:100%} h1{font-size:1.4em; margin:1em 0} p, li, select, input, textarea, a{font-size:11px; font-family:Arial, Helvetica, sans-serif} li li{font-size:1em} p{margin:1.5em 0; line-height:1.6em; padding:.5em 0} a{color:#edd51c; color:#fff} a:hover{text-decoration:none} #content ul{margin:1em 3.5em; list-style-type:square} li{line-height:1.6em} .italic{font-style:italic} .align_center{text-align:center} .align_right{text-align:right} .bold{font-weight:bold} .yellow{color:#edd51c} .pink{color:#c10077} .orange{color:#d17a27} .blue{color:#2b537d} img.left{float:left; margin:.5em .5em .5em 0} img.right{float:right; margin:0} .error, .success{background:#222 url(/bg_submit.gif) left top repeat-y; border:solid 1px #444; margin-bottom:10px; color:#ccc; position:relative; padding:5px 10px 5px 30px} .error img, .success img{position:absolute; left:6px; top:10px} .error p, .success p{margin:4px 0} /* ####### DEFAULT CSS ####### */ #page_wrapper{height:auto; min-height:100%; background:transparent url(/bg_gray_col.gif) 50% 0% repeat-y; min-width:961px} #page{width:961px; margin:0 auto} #lc_wrapper{position:relative; width:380px; float:left} #center_col{width:240px; float:right} #center_col .debie_logo img{margin:27px 16px 10px 16px} #center_col div{font-size:9px; margin:22px 0 0 0} #center_col div p{margin:5px 15px; padding:5px 0} #left_col{width:140px; float:right; margin-right:-3px} #right_col{float:left; width:580px} .padding_0{padding:0} #header{height:105px; position:relative; color:#666; font-size:12px} #header a{color:#6b6b6b; text-decoration:none; text-transform:uppercase; font-size:10px; padding:2px 3px} #header span.small{font-size:9px} #header span.small a{text-transform:none; text-decoration:underline} #header span.small a:hover{text-decoration:none; background:none; color:#6b6b6b} #header a:hover, #header a.sel{background-color:#666; color:#fff} #header ul{position:absolute; right:0; top:5px} #header ul, #header li{float:right} #header li{margin:5px 0 5px 30px; line-height:20px} #header input{font-size:10px; width:auto; background:none; border:solid 1px #aaa; vertical-align:middle} #header label{margin-right:10px; font-size:10px; text-transform:uppercase; width:auto} #header #slogan{margin:10px; position:absolute; left:0; bottom:0} #header #frm_search{width:180px} #menu{width:100px; margin:10px 17px 5px 14px; border-right:solid 1px #edd51c; padding-right:8px} #menu ul{margin:0} #menu li{line-height:15px; text-align:right; padding:1px 0} #menu a{color:#444; padding:1px 2px; font-size:10px; text-decoration:none; text-transform:uppercase} #menu a:hover, #menu a.sel{background-color:#666; color:#fff} #services{width:140px} #services ul{margin:15px 15px 0 0} #services li{padding:15px 0 10px 0; float:right} #services a{font-weight:bold; background:transparent url(/bg_service_item.gif) 100% 0 no-repeat; color:#666; text-decoration:none; padding:10px 35px 10px 0; font-size:12px; text-transform:uppercase; width:70px; display:block; text-align:right} #services a:hover, #services a.sel{color:#fff} #services #design a:hover, #design a.sel{background-position:100% -39px} #services #media a:hover, #media a.sel{background-position:100% -78px} #services #web a:hover, #web a.sel{background-position:100% -117px} #index_services{width:495px; height:490px; float:right} #team_container{width:570pxpx; height:570px} #footer_wrapper{background:transparent url(/footer_bg.gif) left top repeat-x; clear:both} #footer{margin:0 auto; width:961px; background:transparent url(/bg_gray_col.gif) center top no-repeat} #footer .address{margin-left:390px; color:#000; line-height:20px} #footer a{color:#000; text-decoration:none} #footer a:hover{text-decoration:underline} #footer .copyright {color:#666; font-size:9px; margin-left:-10px; margin-top:15px; text-align:right; width:133px} #content{margin:35px 0 25px 15px; position:relative; float:right; width:565px} .index #content{margin-bottom:0; margin-top:0} #submenu{color:#edd51c; margin-bottom:25px} #submenu a{text-transform:uppercase; color:#fff; text-decoration:none} #submenu a:hover{text-decoration:underline} #submenu a.sel{color:#edd51c} #submenu a.sel:hover{text-decoration:none} /*** CONTACT ***/ #frm_contact legend{color:#edd51c} #frm_contact input{vertical-align:middle} .contact_form_wrapper{margin-top:15px; float:left} .contact_form_wrapper div{float:left; width:280px; margin-bottom:10px} .contact_form_wrapper div label{color:#fff; text-align:right; width:70px; padding-right:5px; display:block; float:left} .contact_form_wrapper div input{width:194px; font-size:11px} #frm_contact fieldset.receive_info, #frm_contact fieldset.question{margin-top:25px; margin-bottom:15px} #frm_contact fieldset.anti_spam{margin-top:25px} .receive_info .contact_form_wrapper{margin-left:25px} .receive_info .contact_form_wrapper label{margin-right:7px} .contact_form_wrapper textarea{width:475px; height:75px; font-size:11px} .question div{width:560px} fieldset.submit{text-align:center; margin-top:40px} fieldset.anti_spam input{width:75px} /*** CONTACT ***/ /*** TROEVEN ***/ #troeven dt{color:#edd51c} #troeven dd{margin:10px 10px 10px 25px; padding-left:10px; line-height:16px} /*** TROEVEN ***/ /*** TEAM ***/ #content #team{float:left; list-style-type:none; margin:20px 0 35px 0} #team li {float:left; height:325px; margin:0 10px 0 0; position:relative; text-align:center} #team li span {bottom:0; display:block; position:absolute; width:100%; left:0; text-align:center} #tina_boenne img, #nathalie_schroyens img, #anita_van_heuverbeke img{margin-top:22px} #anita_van_heuverbeke img{margin-top:20px} #special_forces img{margin-top:131px} /*** TEAM ***/ /*** LINKS ***/ #links{margin:0 0 25px 0; float:left; width:100%; clear:both} #links ul{float:left; list-style-type:none; margin:0; width:100%} #links li{float:left; width:33%; margin:0} #links li li{float:none; width:auto} #links .nl{margin-top:18px} #links a{font-size:10px} /*** LINKS ***/ .tip-top { background:url(/balloon_top.png) top left no-repeat; height:33px; width:350px} .tip{color:#000; width:310px; background:url(/balloon_content.png) left top repeat-y; padding:0 20px; overflow:visible} .tip, .tip-text {overflow:visible} .tip-text p{margin:0; padding:10px 0 0 0} .tip-title {font-weight:bold; margin:0} .tip-bottom { background:url(/balloon_bottom.png) left bottom no-repeat; width:350px; height:33px} .tip-arrow-lt, .tip-arrow-lb, .tip-arrow-rt, .tip-arrow-rb{position:absolute; background:url(/balloon_arrow_lt.png) left top no-repeat; width:83px; height:51px} .tip-arrow-lt {left:-74px; top:25px} .tip-arrow-lb {left:-73px; bottom:25px; background:url(/balloon_arrow_lb.png)} .tip-arrow-rt {right:-74px; top:25px; background:url(/balloon_arrow_rt.png)} .tip-arrow-rb {right:-74px; bottom:25px; background:url(/balloon_arrow_rb.png)} /*** SERVICES ***/ #submenu.design, #submenu.media, #submenu.web{line-height:18px} #submenu.design a.sel{color:#e43588} #submenu.media a.sel{color:#d17a27} #submenu.web a.sel{color:#2b537d} .category_description{margin-bottom:35px} .category_description p{padding:0} .case_description p{color:#666; padding:0; margin-top:0; margin-bottom:5px} .case_description{padding-top:10px; float:left} #case_wrapper{float:left; width:100%} #visual{width:420px; min-height:280px; float:left; position:relative; background:transparent url(/service_loading.gif) 50% 50% no-repeat} #visual img{display:block} #cases{width:120px; min-height:200px; float:right; margin-left:15px} #cases ul, #visual ul{float:left; list-style-type:none; margin:0} #cases li{float:left; width:49px; height:49px; background-color:#333; margin:0 0 14px 10px} #cases ul a{border:solid 2px #000; width:45px; height:45px; display:block} #cases.web .sel a, #cases.web a:hover{border-color:#2b537d} #cases.design .sel a, #cases.design a:hover{border-color:#e43588} #cases.media .sel a, #cases.media a:hover{border-color:#d17a27} #case_wrapper .hide a{display:none} #case_wrapper .border{border:solid 1px #333} #case_wrapper .no_loading{background-image:none; border:solid 1px #333} #case_nav{clear:both; position:relative} #case_nav a{display:block; padding:5px; font-weight:bold; text-decoration:none; width:10px; height:12px; line-height:12px} #case_nav a:hover{background-color:#666} #case_nav .next{position:absolute; right:0; top:0} #case_nav .previous{} #case_nav.web a:hover{background-color:#2b537d} #case_nav.design a:hover{background-color:#e43588} #case_nav.media a:hover{background-color:#d17a27} #flv_movie, #swf_movie{text-align:center} /*** SERVICES ***/ /*** ZOEKEN ***/ #inline_search{margin:15px 0px; padding:5px; background-color:#111} #inline_keywords{width:300px} #inline_search form{margin-left:45px} #inline_search label{margin:5px 15px 5px 5px} #inline_search input{background-color:#333; border:solid 1px #666; color:#ccc; font-size:11px; padding:2px; vertical-align:middle} #inline_search .submit{background:none; border:none; color:#FFF; padding:1px 2px; width:auto; margin-left:15px} #search_results h3{border-bottom:solid 1px #333; padding:2px} #search_results li{line-height:18px} /*** ZOEKEN ***/ /*** FILE MGMT ***/ .table_wrapper{width:100%} .table_wrapper table{width:100%; border:solid 1px #666} #files{margin:15px 0 25px 0} #files th{background-color:#444; border-bottom:solid 1px #666; padding:2px 4px 2px 2px; text-align:left} #files td{padding:4px 2px; border-bottom:solid 1px #444} h2 span{color:#999; font-size:9px; font-style:italic; margin-left:5px; font-weight:normal} #no_flash{margin:15px 0} #folder_desc p, .login p{margin:0 0 5px 0} /*** FILE MGMT ***/ #frm_login{float:left} /* 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 */