/* ---------------------------------------------------- * ICsense - MAIN STYLESHEET * ---------------------------------------------------- * @Author David Candreva * @Inventis www.inventis.be * @Create 24-09-07 * @Changes 12-11-07 David Candreva * ---------------------------------------------------- */ /* ---------------------------------------------------- * General * ---------------------------------------------------- */ body{background:#FFFFFF url(../images/body_tile.jpg) repeat-x 0 104px; color:#2d2d2d; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;} div.clear{clear:both;} a{text-decoration:none; color:#25368f;} h2, h3{font-weight:bold;} strong, b{color:#25368f; font-weight:bold;} address{font-style:normal;} /* ---------------------------------------------------- * Containers, Wrappers & Holders.. * ---------------------------------------------------- */ #siteContainer{width:927px; margin:0 auto; margin-top:7px; background:url(../images/content_tile.jpg) repeat-y 0 0;} #siteInnerWrapper{background:url(../images/siteHeader_bg.jpg) no-repeat 0 0; width:927px; } #shadowBottom{background:url(../images/bottom_shadow.jpg) no-repeat left bottom; padding:0 5px; width:917px; padding-bottom:18px;} /* ---------------------------------------------------- * siteHeader * ---------------------------------------------------- */ #siteHeader{width:917px; height:242px; padding-top:5px;} #siteHeader #top{height:90px; z-index:1; position:relative;} #siteHeader #top h1{margin-left:29px; display:inline; float:left; height:87px; width:180px;} #siteHeader #top h1 a{display:block; height:87px; width:180px; text-indent:-9000px;} #nav{z-index:999; float:left; margin-left:25px; display:inline; margin-top:52px;} #nav a{font-size:11px; padding:0 13px; background:url(../images/button_bg_left.gif) no-repeat 0 0; color:#25368f; display:block;} #nav a.dropdown{padding-bottom:5px;} #nav a:hover{text-decoration:underline;} #nav li{background:url(../images/button_bg_right.gif) no-repeat top right; float:left; margin-right:6px; float:left; width:auto; height:30px; line-height:30px; text-align:center;} #nav li ul li{padding:0; margin:0; background:url(../images/lili-repeat.gif) repeat-x 0 0; height:26px; line-height:26px; text-align:center; width:113px;} #nav li ul li a{background:none; padding:0; color:#FFFFFF;} #nav li ul{position:absolute; width:113px !important; left:-999em; border:1px solid #e1e1e1; border-top:0;} #nav li ul ul{margin:-1em 0 0 113px;} #nav li:hover ul ul, #nav li.sfhover ul ul { left:-999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{left:auto;} .company{margin-left:-20px;} .ic-design{margin-left:-15px;} .sensor-systems{margin-left:-5px;} .news{margin-left:-20px;} .media-centre{} #siteHeader #headlines {height:134px;} #siteHeader #headlines .box{height:134px; width:286px; float:left; position:relative;} #siteHeader #headlines .box.second{width:287px;} #siteHeader #headlines .box h2{color:#FFF; padding-left:26px; height:19px; padding-top:7px; font-size:13px; display:block;} #siteHeader #headlines .box .tekstWrapper{padding:10px; overflow:hidden;} #siteHeader #headlines .box .tekstWrapper span.date{padding-top:1px; padding-right:3px; float:left; font-size:10px; color:#25368f;} #siteHeader #headlines .box .tekstWrapper h3 {font-size:12px; color:#25368f; margin-bottom:3px;} #siteHeader #headlines .box .tekstWrapper p{clear:both; font-size:11px; line-height:14px;} #siteHeader #headlines .box a.bullet{font-size:10px; background:url(../images/box_bullet_small.gif) no-repeat 0 center; padding-left:13px; position:absolute; bottom:10px; right:10px;} #siteHeader #headlines .box a.bullet:hover{text-decoration:underline !important;} a.bullet {background:url(../images/box_bullet_small.gif) no-repeat 0 center; padding-left:13px;} a.bullet:hover{text-decoration:none !important;} #siteHeader #headlines .box ul{padding-left:7px; padding-top:10px;} #siteHeader #headlines .box ul li{padding-bottom:5px;} #siteHeader #headlines .box ul li a{text-decoration:underline; background:url(../images/box_bullet.gif) no-repeat 0 center; padding-left:9px;} #siteHeader #headlines .box ul li a:hover{text-decoration:none;} #siteHeader #headlines img{float:left;} #siteHeader #icsenseslogan{position:absolute; top:30px; margin-left:235px; font-size:18px; color:#25368F; text-align:right; width:670px;} #siteHeader #breadCrumbs{height:18px; line-height:18px; padding:0 9px;} #siteHeader #breadCrumbs a{color:#FFF; font-size:10px; padding-left:6px; background:url(../images/crumb_bullet.gif) no-repeat 0 center; margin-right:10px;} #siteHeader #breadCrumbs a.selected{text-decoration:underline;} #siteHeader #breadCrumbs a.selected:hover{text-decoration:none;} /* ---------------------------------------------------- * contentContainer * ---------------------------------------------------- */ #contentContainer{padding-top:24px; padding-bottom:18px; text-align:justify;} #contentContainer img{border:2px solid #f8f8f8;} #contentContainer img.right{float:right;} #contentContainer .fotoKader{margin-left:30px; display:inline; float:left; width:246px; margin-bottom:30px;} #contentContainer .fotoKader a{border:2px solid #f8f8f8; float:left; margin-bottom:3px; margin-right:3px;} #contentContainer .fotoKader a:hover {border:2px solid #f8981f;} #contentContainer .fotoKader a img{border:none;} #contentContainer .b-box a.imgLink {color:#b1b1b1; text-decoration:none; float:left; width:155px; height:170px; display:block; margin-right:10px; overflow:hidden; padding:0; margin-bottom:10px; text-align:center;} #contentContainer .b-box a.imgLink span {border:2px solid #f8f8f8; text-decoration:none; padding:5px; overflow:hidden; height:140px; width:140px; text-align:center; margin:0; display:block;} #contentContainer .b-box a.imgLink span img{ vertical-align:middle; border:0; margin:auto 0 ;} #contentContainer .b-box a.imgLink:hover{color:#f8981f;} #contentContainer .b-box a.imgLink:hover span{ border:2px solid #f8981f;} #contentContainer .b-box{width:525px; float:left; margin-left:23px; } #contentContainer .b-box h2{font-weight:normal; background:url(../images/b-box-h2.gif) no-repeat 15px center; padding-left:31px; margin-bottom:4px; font-size:18px; color:#25368f;} #contentContainer .b-box .content{overflow:hidden; background:url(../images/b-box-trans.jpg) no-repeat 0 0; padding:0 15px; padding-top:20px; line-height:19px;} #contentContainer .b-box .content.contact{font-size:11px;} #contentContainer .b-box p{padding-bottom:10px;} #contentContainer .b-box a{text-decoration:underline;} #contentContainer .b-box a:hover{text-decoration:none;} #contentContainer .b-box .holder{width:280px; overflow:hidden;} #contentContainer .b-box .holder span.left{float:left;} #contentContainer .b-box .holder span.right{float:right;} #contentContainer .b-box .holder a{color:#000;} #contentContainer #googleMap{clear:both; margin-top:10px; width:100%; height:500px; border:2px solid #F8F8F8;} #contentContainer .b-box ol{padding-left:20px;} #contentContainer .b-box ol li{list-style-type:decimal;} #contentContainer .b-box ul{padding-left:15px;} #contentContainer .b-box ul li{list-style-type:square;} #contentContainer .b-box #subs{margin-top:30px;} #contentContainer .b-box .ippagination {margin-top:20px; margin-bottom:10px; overflow:hidden;} #contentContainer .b-box .ippagination a{float:left; height:17px; background:url(/design/images/ip_link_bg.gif) top left repeat-x; border-right:1px solid #394694; color:#FFFFFF; margin:0; padding:2px 5px 4px 5px; text-decoration:none;} #contentContainer .b-box .ippagination a span{background:url(/design/images/ip_bg.gif) center left no-repeat; padding-left:12px; text-decoration:underline; font-size:11px;} #contentContainer .b-box .ippagination a:hover span {text-decoration:none;} .b-news{background:url(../images/b-box-trans.jpg) no-repeat 0 0; padding:0 15px; padding-top:20px; padding-right:6px; line-height:19px;} .long{background:url(../images/g-box_trans.jpg) no-repeat 0 0; padding:0 15px; padding-top:20px; padding-right:6px; line-height:19px;} .b-news .entry{overflow:hidden; clear:both;} .b-news .entry a.testimonialLink{margin-right:10px; float:left; border:2px solid #f8f8f8;} .b-news .entry a.testimonialLink:hover{ border:2px solid #f8981f;} .b-news .titel{border-bottom:1px solid #d3d7e9; height:29px; line-height:29px; overflow:hidden; background:url(../images/box_bullet.gif) no-repeat 8px center; padding-left:18px; color:#25368f;} .b-news .titel span{float:left; font-size:10px; padding-right:4px;} .b-news .titel h3{float:left;} .b-news .text{background:#f4f5f9 url(../images/news_bg.jpg) no-repeat 0 0; padding:13px; overflow:hidden;} .b-news blockquote.quote{float:left; width:540px; background:url(../images/quote.gif) no-repeat top left; padding:5px 10px 5px 40px; font-style:italic;} .b-news h3{color:#25368f;} .b-news .career h4{color:#25368f; margin-top:15px; border-bottom:1px solid #d3d7e9; margin-bottom:3px;} .b-news .career{padding-left:15px; margin-bottom:30px;} .b-news .text .files{padding:5px 5px 0 5px; margin-top:10px; border-top:1px solid #cecece; overflow:hidden;} .b-news .text .files a{background:url(../images/layout/file.gif) no-repeat center left; padding-left:12px; font-size:11px; color:#333333; padding-right:10px; display:block; float:left;} .g-box{margin-left:33px; width:818px; clear:both; background:url(../images/g-box_trans.jpg) no-repeat 0 20px;} .g-box h2{padding-bottom:13px; font-weight:normal; background:url(../images/b-box-h2.gif) no-repeat 0 4px; padding-left:15px; margin-bottom:4px; font-size:18px; color:#25368f;} .g-box .box{position:relative; float:left; width:358px; height:156px; background:url(../images/box-item-bg.jpg) no-repeat 0 0;} .g-box .box.right{float:right; display:inline; margin-right:10px;} .g-box .box h2{padding-bottom:0; background:none; font-weight:bold; color:#FFF; padding-left:29px; height:20px; padding-top:10px; margin-bottom:0; font-size:13px; display:block;} .g-box .box .text{line-height:13px; font-size:11px; padding:10px 15px; text-align:justify;} .g-box .box a.bullet{font-size:10px; background:url(../images/box_bullet_small.gif) no-repeat 0 center; padding-left:13px; position:absolute; bottom:15px; right:15px;} .g-box .box a.bullet:hover{text-decoration:underline !important;} #itemImages {text-align:right; float:right; width:90px; overflow:hidden;} #itemImages a:hover img{border:2px solid #f8981f;} /* ---------------------------------------------------- * siteFooter * ---------------------------------------------------- */ #siteFooter{width:100%; background-color:#f8981d; color:#ffd59f; height:27px; margin-top:10px;} #siteFooter .footer{width:910px; margin:0 auto;} #siteFooter .footer span{display:block; width:auto; float:left; padding-top:7px;} #siteFooter .footer a.inventis{float:right; background:#f8981d url(../images/inventis.gif) no-repeat 0 0; text-indent:-9000px; height:22px; width:74px;} #siteFooter .footer a.inventis:hover{background:#f8981d url(../images/inventis.gif) no-repeat left bottom;} a#printPage{float:right; background:url(/design/images/printer.gif) no-repeat left center; padding-left:20px; line-height:20px;}