@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:#b9b9b9 url(/bg_gradient.jpg) left top repeat-x; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000} h2{font-size:13pt; margin-bottom:20px; margin-top:20px} p{line-height:18px; margin-bottom:15px} a{color:#333} a:hover{text-decoration:none; color:#d40000} .italic{font-style:italic} .error, .success{background-color:#ffeaea; border:solid 1px #fbb; padding:0 1em; border-left:solid .4em #fbb; margin-bottom:1em; color:#333} .error p, .success p{margin:9px 0} .succes ul, .error ul{margin:10px 10px 10px 25px; list-style-type:square} .success{background-color:#d7edf8; border-color:#81b6d1} #page_wrapper{background:transparent url(/bg_metallic.jpg) center top no-repeat; min-height:600px} #header_wrapper{height:450px; background:transparent url(/header_wrapper_bg.png) left top repeat-x} #blood_top{position:absolute; top:27px; left:140px} #blood_bottom{position:absolute; bottom:0; left:175px} #header{width:926px; margin:0 auto; position:relative; height:452px} #logo{position:absolute; top:215px; left:0; z-index:2} #horse{position:absolute; left:0; top:85px; z-index:1} #header h1{font-size:18pt; position:absolute; left:325px; top:150px; color:#cb1818; text-indent:-9999px; background:transparent url(/header_title.png) left top no-repeat; width:225px; height:20px} #collage{position:absolute; right:10px; top:75px} #menu{overflow:hidden; position:absolute; bottom:110px; left:110px; z-index:3} #menu li{float:left} #menu li a{width:105px; font-size:10pt; background-color:#404040; font-weight:bold; float:left; padding:2px; color:#fff; margin-right:30px; text-decoration:none; padding-left:5px} #menu li a:hover{background-color:#111} #content_wrapper{width:800px; margin:0 auto; overflow:visible; margin-top:-15px; position:relative; z-index:4; padding-left:100px} #content_wrapper .left_col{width:460px; float:left} #content_wrapper .right_col{width:222px; float:right; margin-left:105px} .left_col ul{margin:30px 10px 10px 35px; list-style-type:square;} .left_col li{line-height:20px} .right_col h2{margin-bottom:5px} #mogelijkheden{margin:30px 10px 10px 35px; list-style-type:square;} #mogelijkheden li{padding:6px} #centers{margin-bottom:25px; background-color:#b9b9b9; padding:15px} #centers ul{margin:0 10px 20px 0px; padding-left:50px; background:transparent url(/icon_center.gif) left top no-repeat} #centers .last{margin-bottom:0} #fac_imgs{background-color:#b9b9b9; padding:7px} #fac_imgs ul{overflow:hidden} #fac_imgs li{float:left; margin-right:7px; margin-bottom:7px} #fac_imgs li.right{margin-right:0} #fac_imgs img, #cases img, #case_imgs img{display:block} #cases{margin-bottom:35px} #case_imgs{margin-top:30px} #cases ul, #case_imgs{overflow:hidden} #cases li, #case_imgs li{float:left; width:138px; height:147px; margin-left:18px; margin-bottom:18px} #case_imgs li{height:120px; margin-bottom:10px} #cases a, #case_imgs a{display:block; padding:4px; background-color:#ccc; text-decoration:none} #cases a:hover, #case_imgs a:hover{background-color:#fff; color:#d30000} #cases a span{display:block; padding:2px; text-align:center} #case_loader{margin-left:10px} #after{margin-top:20px; overflow:hidden} #arts{overflow:hidden; margin-bottom:35px} #arts ul{padding-left:25px; line-height:18px; border-left:solid 3px #666; margin-left:20px; list-style-type:square} #arts li{line-height:20px} #arts .info{float:left; width:200px; margin-right:35px; padding:0 10px 10px 10px} #arts h3, #contact h3{padding-top:0} .mt20{margin-top:20px} #gototop { bottom:15px; color:#d30000; display:none; font-weight:bold; padding:7px 7px 7px 25px; position:fixed; right:15px; text-decoration:none; width:110px; background:#fff url(/icon_top_link_5x10.gif) 10px center no-repeat; z-index:20} a#gototop:hover{background-color:#d30000; color:#fff} #loc{margin-top:-55px; width:425px; position:relative; margin-bottom:25px} .b2cases span{background-color:#ddd; padding:3px} #cases .b2cases a{display:inline; background:none; padding:0; text-decoration:underline} #cases .b2cases a:hover{text-decoration:none} h3{color:#9d0000; font-size:10pt; padding:15px 0} #contact{overflow:hidden} #map_canvas{width:540px; height:300px} #contact .left_col{width:540px} #contact .right_col{width:240px; margin-left:20px} #contact .right_col ul{margin-left:25px; list-style-type:square; margin-bottom:50px} #footer_wrapper{margin:0 auto; margin-top:35px; margin-bottom:25px; width:840px; padding-left:80px} #footer{border-top:solid 5px #999; text-align:right; padding:10px} #cform, #frm_login{overflow:hidden} #cform{margin-top:10px} /* 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 */