@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} h1{font-size:1.4em; margin:1em 0} li li{font-size:1em} p{margin:1.5em 0; line-height:1.6em; padding:.5em} a{color:#6b6b6b} 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} img.left{float:left; margin:.5em .5em .5em 0} img.right{float:right; margin:0} .error, .success{background-color:#ffeaea; border:solid 1px #fbb; padding:0 1em; border-left:solid .4em #fbb; margin-bottom:1em; color:#333} .error p, .succes p{margin:4px 0} .succes ul, .error ul{margin:10px 10px 10px 25px; list-style-type:square} .success{background-color:#d7edf8; border-color:#81b6d1} /* ####### DEFAULT CSS ####### */ body{background:#e7e8e3 url(/bg.jpg) left top repeat-x; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333} #page_wrapper{margin:0 auto; width:880px; padding-top:100px; padding-bottom:25px; background:transparent url(/content_wrapper_bg.png) left top repeat-y} #header{height:66px; background:transparent url(/menu_bg.png) right center no-repeat; position:relative} #header ul{overflow:hidden; position:absolute; right:35px; top:17px} #header li{float:left; padding:2px 5px} #header li a{font-weight:bold; font-size:11pt; color:#000; text-decoration:none; display:block; padding:3px} #header li a:hover{background-color:#a00; color:#fff} #cloud_wrapper{margin-left:150px; padding-bottom:20px; background:transparent url(/content_divider.png) center bottom no-repeat; position:relative} #cloud_wrapper h1{color:#111; margin-left:25px; font-style:italic} #cloud_wrapper .hand{margin:15px 0 0 0} #cloud_wrapper li{font-weight:bold; position:absolute; right:0; top:0} #cloud_wrapper .oh{font-size:18pt; right:65px; top:25px} #cloud_wrapper .wo{color:#999; right:110px; top:60px; font-size:18pt} #cloud_wrapper .bh{color:#333; right:220px; top:95px; font-size:12pt} #cloud_wrapper .hs{color:#333; right:60px; top:95px; font-size:14pt} #cloud_wrapper .god{color:#888; right:180px; top:125px; font-size:13pt} #cloud_wrapper .ps{color:#777; right:60px; top:125px; font-size:12pt} #cloud_wrapper .bb{font-size:18pt; right:65px; top:155px} #cloud_wrapper .cloud{position:absolute; right:0; top:20px; background:transparent url(/cloud_shadow.png) center bottom no-repeat; width:450px; height:255px} .content_element{margin-left:150px; padding:20px 5px; padding-bottom:30px; background:transparent url(/content_divider.png) center bottom no-repeat; overflow:hidden; clear:both} .content_element h2{font-size:12pt; color:#111; margin:0 0 15px 0} .content_element h3{color:#C0322C; font-size:9pt; margin:5px 0} .content_element p{margin:10px 0; padding:0} .content_element .even{background:#dedfda} .content_element .item{padding:5px; margin:10px 0} #referenties ul{overflow:hidden} #referenties li{float:left; background-color:#dedfda; width:125px; height:125px; padding:5px; margin:5px} #links li{float:left; width:330px; background:#dedfda; padding:5px; margin:5px; color:#C0322C} #links li a{display:block; text-align:right; font-size:11px} a.external{background:transparent url(/icon_external_link_red_8x8.gif) center right no-repeat; padding-right:12px} #gototop { bottom:15px; color:#333; display:none; font-weight:bold; padding:7px 7px 7px 25px; position:fixed; right:15px; text-decoration:none; width:110px; background:#b9bab3 url(/icon_top_link_5x10.gif) 10px center no-repeat} a#gototop:hover{text-decoration:underline; color:#fff} #footer{margin-left:150px; padding:20px 20px 40px 20px; position:relative; height:60px} #d2d{padding-left:30px; background:transparent url(/d2d_logo.gif) left center no-repeat; position:absolute; left:20px; top:20px; height:25px; line-height:25px} #info{position:absolute; right:20px; top:20px; text-align:right} #info strong{color:#c0322c} #info p{margin-top:10px; padding:0} #services ul.web{margin-left:25px; border-left:solid 3px #bbbeae; padding-left:10px; margin-bottom:10px} #services ul.web li{display:inline} #services ul.bob{list-style-type:square; margin-left:25px} #promo{position:relative; overflow:hidden} #promo img{position:absolute; right:80px; top:40px} #promo strong{color:#c2332a} #promo ul{margin:10px 10px 10px 35px; list-style-type:square} #promo li{position:relative; margin-right:150px; padding:5px 0} #promo li span{font-size:10px; display:block; text-align:left; color:#000; padding-left:105px; font-weight:bold} #contact{position:relative} #contact .people{position:absolute; right:20px; bottom:160px} #contact p, #promo p{padding-left:5px} /* 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 */