/*======================================================= Neutralize styling: Elements we want to clean out entirely: */ html, body, form { margin: 0; padding: 0; font: 100%/120% Arial, Verdana, 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 { vertical-align:middle; font-size: 100%; } table{ width:100%; border-collapse: collapse; clear:both; } tbody{ vertical-align:top; } img{border:none} p{line-height:1.6em} ul{line-height:1.4em; color:#bbbbbb} .clearfix{clear:both} /*=======================================================*/ /* LINKS LAYOUT*/ a{color:#6b6b6b;outline:none} a:hover{color:#db2227; text-decoration:none} #image_text a{color:#ffffff; font-weight:bold; text-decoration:none; font-size:10px} #image_text a:hover, #sollicitatie a:hover{color:#df2121} #div_website a, #div_movie a{color:#ffffff; text-decoration:none} #div_website a:hover, #div_movie a:hover{color:#ffffff; text-decoration:underline} #sollicitatie a{color:#ffffff; font-weight:bold; text-decoration:none; font-size:10px} /*=======================================================*/ /* STANDARD PAGE LAYOUT*/ html{overflow-y:scroll} body{font-size:12px; color:#929292; font-family:Arial, Verdana, Helvetica, sans-serif; background:#000 url(bg_hosting.jpg) repeat-x; border-top:6px solid #db2227} #site_wrapper{margin-left:auto; margin-right:auto; width:900px} /* TOP */ #top_wrapper{height:100px;margin-top:20px; position:relative} #top_logo{width:350px; height:70px; float:left} #top_marquee{margin:50px 0 0 348px; border:solid #232323; border-width: 0 1px; padding:2px} #skip{float:left; margin:21px 0 0 320px} #skip a, #back a{font-size:12px; font-weight:bold; text-decoration:none; color:#ffffff; display:block; background:url(arrow_right.gif) no-repeat right 3px; padding-right:10px} #back{clear:both; margin:20px 0 0 20px; width:620px; padding:3px; padding-left:10px; padding-top:10px; border-top:1px solid #333333} #back a{background:url(arrow_left.gif) no-repeat left 3px; text-align:right; width:47px} /* CENTER */ #page_wrapper{float:left; width:900px; min-height:550px; margin-bottom:20px} #page_left, #page_right{float:left; width:110px; height:550px} #page_left{background:url(river-fade-left.jpg) no-repeat 0px 100px} #page_right{background:url(river-fade-right.jpg) no-repeat 0px 100px} #page_center{float:left; background:url(bg_bg.jpg) repeat-y; border:1px solid #000000; width:678px; min-height:550px} #page_top{float:left; background:url(bg_top.jpg) repeat-y; width:678px; height:250px; margin-top:-20px} #page_content{float:left; background:url(bg_bottom.jpg) center bottom no-repeat; width:678px; min-height:550px; margin-top:-220px; position:relative} #breadcrumb{height:20px; width:400px; padding:10px; padding-left:20px; color:#bbb; position:absolute; top:0; left:0} /* BOTTOM */ #footer_wrapper{clear:both; background:url(bg_footer.jpg) repeat-y; font-size:9px; padding-left:122px; margin-bottom:10px} #footer_wrapper span{padding-left:7px} /*=======================================================*/ /* MOOQUEE CSS */ #top_marquee{ position: absolute; overflow: hidden; white-space: nowrap; color:#ffffff; } .mooquee-text{ position: absolute; } #top_marquee a{ margin:0 25px; color:#bbb } #top_marquee a:hover{ color:#db2227; } /*=======================================================*/ /* INTRO */ #intro{float:left; background:url(page-gradient-outside.jpg) repeat-x; border:1px solid #000000; width:678px; height:550px} object {border: 0 none; margin:0; padding:0} #alert{text-align:center; margin-top:170px} /*=======================================================*/ /* SPLASHPAGE */ #image_wrapper{float:left; margin-top:45px; position:relative; width:659px; height:290px} #image_wrapper img{float:left; margin:0} #image_text{position:absolute; top:0; left:0; width:659px; height:290px} #image_text .projects{float:left; margin-top:254px; margin-left:95px} #image_text .jobs{float:left; margin-top:269px; margin-left:125px} #image_text .team{float:left; margin-left:-5px; margin-top:5px} #image_text .contact{float:right; margin-right:110px; margin-top:3px} #other_links{float:left; width:435px; height:135px; margin:20px 0 0 25px} #div_movie{float:left; width:209px} #div_movie .image{float:left; width:199px; height:83px; padding:0; border: 5px solid #363636} #div_movie .image:hover{border: 5px solid #a21010; text-decoration:none} #div_movie a{float:left; padding:10px 10px 0 10px} #div_website{float:right; width:209px; margin-top:20px} #div_website .image{float:left; width:199px; height:83px; padding:0; border: 5px solid #363636} #div_website .image:hover{border: 5px solid #a21010; text-decoration:none} #div_website a{float:left; padding:0 0 10px 10px} #sollicitatie{float:right; width:100px; margin:30px 60px 0 0} #sollicitatie .spontane{float:left; height:35px; display:block} #sollicitatie .spontane span{float:right; margin-top:5px} .left{float:left} /*=======================================================*/ /* MOVIE PAGE */ #mediaspace{padding: 0; margin: 40px 0 0 112px} /*=======================================================*/ /* TEXT LAYOUT */ #page_content p{padding:10px 20px; color:#eeeeee} #page_content h1{background:url(bg_h1.jpg) left top no-repeat; padding:47px 0 0 10px; margin:0 20px; width:634px; height:47px; font-size:11px} #page_content h3{margin:10px 30px; padding:5px; font-size:12px; border-bottom:1px solid #929292; clear:both;} #page_content h4{padding:10px 20px; font-size:11px; color:#db2227; clear:both} #page_content ul{margin:0 20px; padding:10px 20px; list-style-type:square} #page_content .italic{font-style:italic} #page_content .smaller{size:10px} #page_content .insprong{padding:0 20px} #page_content .bigger{margin:10px 10px; padding:5px; font-size:11px; border-bottom:1px solid #929292} #pdf_icon{background:url(pdf_icon.jpg) top right no-repeat; display:block; height:18px; width:133px; float:left; margin-top:10px; padding-top:2px} #envelope_icon{background:url(envelope_icon.jpg) top right no-repeat; display:block; height:18px; width:160px; float:left; margin-left:20px; margin-top:10px; padding-top:2px} #solli_icon{background:url(solli_icon.jpg) top right no-repeat; display:block; height:18px; width:190px; float:left; margin-left:20px; margin-top:10px; padding-top:2px} #page_content #jobs_ul{margin:20px 0 0 40px} #page_content .category{color:#bbb} #page_content dt{padding:10px 0 5px 10px; margin:0 25px; color:#db2227; clear:both; border-bottom:1px dotted #db2227} #page_content dd{padding-left:20px} #page_content dd ul{margin-left:30px} .actions{margin-left:35px; float:left; margin-bottom:15px} #page_content dl{padding:0 10px} p.back2vac{margin:0 10px} #customers{float:right; margin:15px 25px 10px 25px; width:150px; height:150px; border:solid 1px #252525; background:transparent url(customer_ticker_bg.jpg) left top repeat-x}