@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%} body{font:11px Arial, Verdana, Helvetica, sans-serif; color:#999; background:#000 url(/bg.png) left top repeat-x; height:100%} a{color:#ddd} a:hover{text-decoration:none} .italic{font-style:italic} .align_center{text-align:center} .align_right{text-align:right} .bold{font-weight:bold} .error, .success{background:#222 url(/bg_submit.gif) left top repeat-y; border:solid 1px #444; margin-bottom:1em; 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} #sitemap ul{margin:10px 25px 10px 45px; list-style-type:square} #sitemap li{line-height:18px} #sitemap ul ul{border-left:solid 3px #ccc; list-style-type:square; list-style-position:inside} #sitemap ul ul ul{border-color:#eee} #sitemap li li{padding:1px 1px 1px 15px} #sitemap a{color:#ccc} h1{font-size:12pt; margin:10px 0; color:#ddd} h2{font-size:10pt; color:#999; border-bottom:solid 1px #555; padding:3px; margin-bottom:5px} h2.member{font-size:11px; margin:10px 0; clear:both} h2 span{font-weight:normal; font-size:10px} h2 span a{color:#999} p{line-height:20px; margin:15px 0; font-size:11px} img.right{float:right; margin:10px 0 10px 10px} img.left{float:left; margin:10px 10px 10px 0} ul{margin:10px 25px; list-style-type:square} .tips{background-color:#fff; color:#333; padding:5px; max-width:250px} .tip-text{font-style:italic; margin-top:5px} a.top{padding-left:15px; background:transparent url(/top_arrow.gif) left center no-repeat} #map{height:25em; width:597px; background-color:#151515} #map_wrapper{padding:5px 0; border-top:solid 1px #888} /* ####### DEFAULT CSS ####### */ #page_wrapper{width:968px; margin:0 auto; height:auto; min-height:100%; background:#000 url(/page_wrapper_bg.gif) right top repeat-y; position:relative} #content_wrapper{width:801px; float:left} #content_wrapper .main_left_col{width:164px} #content_wrapper .main_right_col{float:right; width:637px; position:relative} #content_wrapper .main_right_col .visual{position:absolute; right:-166px; top:0} #header{height:78px; border-bottom:solid 1px #383838; position:relative} #header .logo{margin:17px} #header .date{position:absolute; right:15px; top:20px; font-size:10px} #header .search{position:absolute; right:15px; top:45px} #header .search input{background-color:#333; border:solid 1px #666; font-size:11px; color:#ccc; width:150px; padding:2px 0; vertical-align:middle} #header .search .submit{border:none; background:none; width:auto; margin-left:5px} #header .user{position:absolute; right:150px; top:20px} #ls{position:absolute; right:200px; float:left; top:47px; color:#B6B6B6; display:block; font-size:11px; font-weight:bold; height:16px; line-height:16px; padding:0 4px; text-decoration:none} #banner{margin-top:24px; border-top:7px solid #383838; background-color:#fff; height:236px; position:relative} #banner img{position:absolute; left:0; bottom:0} #loc{background-color:#282828; height:22px; color:#b2b2b2; line-height:22px} #loc a{color:#b2b2b2} #loc span{background:url(/loc_span_bg.gif) left top repeat-y; display:block; float:left; margin-right:6px; line-height:22px; padding:0 6px} #menu {margin-top:103px; border-top:7px solid #383838; background-color:#fff} #menu ul{list-style-type:none; border-right:dotted 1px #ccc; padding:8px 6px 9px 6px; margin:0} #menu li{border-bottom:solid 1px #d6d6d6} #menu li.last{border:none} #menu a{color:#333; font-weight:bold; text-decoration:none; width:134px; display:block; height:19px; line-height:19px; padding:0 5px 0 12px} #menu a:hover, #menu a.sel{background-color:#000; color:#fff} #submenu{margin:67px -1px 25px 0} #submenu ul{list-style-type:none; border-right:solid 3px #ccc; padding:8px 6px 9px 6px; margin:0} #submenu li{margin-bottom:1px} #submenu li.last{border:none} #submenu a{color:#ddd; text-decoration:none; width:134px; display:block; height:19px; line-height:19px; padding:0 5px 0 12px; text-align:right; position:relative} #submenu a:hover, #submenu a.sel{background-color:#444; color:#fff} #content{padding:15px 20px; min-height:100%} #content.index, #content.floated{float:left; width:597px} #content table{width:100%} .right_col{width:280px; margin-left:315px} .left_col{float:left; width:280px} .index .right_col{width:262px; margin-left:335px} .index .right_col a, .index .right_col img{width:130px; height:130px; display:block; float:left} .index .right_col a{width:128px; height:98px; border:solid 1px #151515; background-color:#151515; margin-left:1px; margin-bottom:1px; font-family:"Trebuchet Ms", Helvetica, Verdana; font-size:14pt; color:#fff; text-decoration:none; text-align:center; font-weight:bold; padding-top:30px} .index .right_col a:hover{background-color:#000; border:solid 1px #333} .index .left_col{float:left; width:320px} .index dd{margin:10px 0 18px 0; line-height:18px} .index span{font-style:italic; color:#9e9c9c; font-size:9px; display:block} .index dt{color:#ccc; margin-top:5px; border-bottom:solid 1px #333; font-weight:bold} #footer{color:#aaa; float:left; font-size:10px; background:transparent url(/footer_bg_lanza.gif) right center no-repeat; width:807px} #footer .d2d{width:154px; float:left; border-top:solid 2px #878787; padding:10px 0 12px 10px; color:#666} #footer .lanza{/*margin-left:164px;*/ width:622px; border-top:solid 2px #878787; padding:10px 0 12px 15px; text-align:center; float:left; font-size:9pt} #footer .lanza span{font-style:italic; color:#666} #footer .lanza a{color:#999} #footer .d2d a{color:#666} #footer a:hover{color:#999} /* MEMBER */ ul.members{float:left; list-style-type:none; margin:0 0 15px 0} ul.members li{float:left; width:270px; margin:10px} ul.members img{float:left; margin:0 10px 0 0} ul.members span{display:block; margin:0 0 10px 0; font-size:10pt; color:#ccc} ul.members span.function{font-size:11px; font-style:italic; color:#999} /* MEMBER */ /* NEWS */ dl.news{} dl.news dt, dl.events dt, dl.press dt, dl.movies dt, dl.products dt{color:#ccc; font-weight:bold} dl.news dt span, dl.events dt span, dl.press dt span, dl.movies dt span, dl.products dt span{color:#888; display:block; font-style:italic; font-size:9px} dl.events dt span{display:inline; padding-right:15px} dl.events dt{padding-right:10px; background:#222; border-left:2px solid #444; padding:3px} dl.news img, dl.events img, dl.press img, dl.movies img, dl.products img{float:left; margin:5px 10px 0 0} dl.news dd, dl.events dd, dl.press dd, dl.movies dd, dl.products dd{margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #444; overflow:visible; float:left; width:587px} dl.events dd{border:none; float:none} dl.news dd.last, dl.events dd.last, dl.press dd.last, dl.movies dd.last, dl.products dd.last{border:none; padding-bottom:0; margin-bottom:0} dl.press dd p{margin:5px 0} /* NEWS */ /* PARTNERS */ ul.partners{list-style-type:none; margin:10px 0; float:left} ul.partners li{float:left; width:180px; height:180px; margin:10px 9px; text-align:center/*; background-color:#111*/} ul.partners a{display:block; width:178px; height:178px; border:solid 1px #000} ul.partners a:hover{border:solid 1px #444} /* PARTNERS */ /* Imgs */ #imgs{list-style-type:none; margin:10px 0; float:left} #imgs li{float:left; width:180px; height:180px; margin:10px 9px; text-align:center} #imgs a{display:block; width:178px; height:178px; border:solid 1px #000} #imgs a:hover{border:solid 1px #444} /* Imgs */ /* FAQ */ #questions{background-color:#111; padding:10px; margin-bottom:15px} #questions ul{list-style-type:square; margin:0 10px 15px 25px} #questions li{margin:5px 0} #questions a{font-style:italic} #faq dt{font-style:italic; color:#ccc; font-weight:bold} #faq dd{margin-left:25px; margin-bottom:30px; padding-left:10px; border-left:solid 2px #999} #faq dd.last{margin-bottom:15px} #faq a.top{display:block; width:50px; padding:2px 2px 2px 15px} #faq a.top:hover{background-color:#111} /* FAQ */ /* DOWNLOADS */ .dloads{margin:5px 0 25px 0} .dloads th{background-color:#444; border-bottom:solid 1px #666; padding:2px 4px 2px 2px; text-align:left} .dloads td{padding:2px; border-bottom:solid 1px #444} p.dload{margin:5px} /* DOWNLOADS */ /* ACTIONS */ img.prod_action{margin-top:10px} ul.actions{float:left; overflow:visible; list-style-type:none; margin:0} .actions li{float:left; height:250px; width:185px; text-align:center; margin:5px} .actions a.img{text-align:center; display:block; padding:10px; background-color:#222; margin-bottom:5px} .actions a.img:hover{background-color:#333} /* ACTIONS */ /* PRODUCTS */ h2.ptype{margin-bottom:15px} dl.products dt{padding-left:10px} dl.products dt span{display:inline} dl.products dd{margin-top:10px; padding-left:10px} dl.products dd div{margin-left:135px; width:452px} dl.products dd div ul{line-height:17px} dl.products dd.last{margin-bottom:25px} p.ml10{margin-left:10px} #pyramid_wrapper{text-align:center} /* PRODUCTS */ /* 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} #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 */ /* 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 */