/* body */ body {margin:0; padding:0; background:url(../images/backgroundGradient.jpg) repeat-x top left #f2f2f2; font-family:Verdana, Geneva, sans-serif;} .breaker {clear:both;} /*-----------------------------------------INDEX---------------------------------------------------------------------- */ /* container */ #landingContainer {position:relative; width:908px; margin:0 auto; } /* landing links */ #landingLeft {position:relative; width:308px; float:left; color:#7b7b7b; font-size:11px;} #landingLeft h1 {margin:0; padding:0 0 20px; font-size:18px; color:#004178; font-weight:normal;} #landingLeft p {margin:0; padding:0; line-height:16px;} #landingLeftHref {position:absolute; top:287px; right:17px; name:lijoSecurity; width:31px; height:30px; background:url(../images/landingLeftHref.png) no-repeat top left; z-index:2;} #landingLeftHref a {width:100%; height:100%; display:block;} #landingLeftHref a:hover {background:url(../images/landingHrefHover.png) no-repeat top left;} #landingLeftHeader {position:relative; width:308px; height:380px; background:url(../images/lijoSecurity2.png)} #landingLeftContent {position:relative; min-height:162px; width:213px; padding:0 40px 0 55px; background:url(../images/landingLeftContent.png) repeat-y top left;} #landingLeftFooter {position:relative; width:308px; height:156px; background:url(../images/landingLeftFooter.png) no-repeat top left;} #landingLeftHeader img { border:none; } /* landing midden */ #landingCenter {position:relative; width:294px; float:left; color:#7b7b7b; font-size:11px;} #landingCenter h1 {margin:0; padding:0 0 20px; font-size:18px; color:#93117e; font-weight:normal;} #landingCenter p {margin:0; padding:0; line-height:16px;} #landingCenterHref {position:absolute; top:294px; right:18px; width:31px; height:30px; background:url(../images/landingCenterHref.png) no-repeat top left; z-index:2;} #landingCenterHref a {width:100%; height:100%; display:block;} #landingCenterHref a:hover {background:url(../images/landingHrefHover.png) no-repeat top left;} #landingCenterHeader {position:relative; width:294px; height:380px; background:url(../images/lijoTelecommunication.png) ;} #landingCenterContent {position:relative; min-height:162px; width:234px; padding:0 30px; background:url(../images/landingCenterContent.png) repeat-y top left; } #landingCenterFooter {position:relative; width:294px; height:156px; background:url(../images/landingCenterFooter.png) no-repeat top left;} #landingCenterHeader img { border:none; } /* landing rechts */ #landingRight {position:relative; width:306px; float:left; color:#7b7b7b; font-size:11px;} #landingRight h1 {margin:0; padding:0 0 20px; font-size:18px; color:#e2001a; font-weight:normal;} #landingRight p {margin:0; padding:0; line-height:16px;} #landingRightHref {position:absolute;top:234px; right:32px; width:31px; height:30px; background:url(../images/landingRightHref.png) no-repeat top left; z-index:2;} #landingRightHref a {width:100%; height:100%; display:block;} #landingRightHref a:hover {background:url(../images/landingHrefHover.png) no-repeat top left;} #landingRightHeader {position:relative; width:306px; height:380px; background:url(../images/lijoSafety2.png) } #landingRightContent {position:relative; min-height:162px; width:216px; padding:0 50px 0 40px; background:url(../images/landingRightContent.png) repeat-y top left;} #landingRightFooter {position:relative; width:306px; height:156px; background:url(../images/landingRightFooter.png) no-repeat top left;} #landingRightHeader img { border:none; } /* landing copyright */ #landingCopyright {position:relative; width:908px; text-align:center; color:#7b7b7b; font-size:11px;} /*-----------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------- SAFETY-------------------------------------------------------------------------*/ /* container */ #mainContainerSafety {position:relative; width:908px; margin:0 auto;} /* content gedeelte */ #mainContainerSafety #contentContainer {position:relative; width:908px; padding:0 0 0 14px; background:url(../images/contentContainerSafety.png) repeat-y top left;} #mainContainerSafety #contentContainer_white {position:relative; width:908px; padding:0 0 0 14px; background:url(../images/contentContainerSafetyWhite.png) repeat-y top left;} #mainContainerSafety #contentContainer h1, #mainContainerSafety #contentContainer_white h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#e3001a; font-size:16px; font-weight:normal; margin:0; padding:0 0 15px;} #mainContainerSafety #contentContainer p, #mainContainerSafety #contentContainer_white p {margin:0; padding:0 0 10px; line-height:16px; color:#7b7b7b; font-size:11px;} #mainContainerSafety #contentContainer #bottomImage {position:absolute; bottom:0; left:14px; width:880px; height:32px; background:url(../images/bottomImageSafety.jpg) no-repeat top left;} /* banner */ #mainContainerSafety #banner {position:absolute; top:0; left:14px; width:880px; height:220px; background:url(../images/bannerSafety.png) no-repeat top left; z-index:2;} #bannerlink {width:290px;} #bannerlink img{ height:100px; margin: 20px 10px 0 0; } #bannerlink a { font-size:13px; color:#c3c5c7; } #bannerlink a:hover { color:#FFF; } /* content links */ #mainContainerSafety #contentLeft {position:relative; width:245px; padding:205px 0 0 48px; float:left;} /* menu */ #mainContainerSafety #menu {position:relative; z-index:3; padding: 10px 0 0; } #mainContainerSafety #menu ul {margin:0; padding:0;} #mainContainerSafety #menu li {list-style-type:none; margin:0 0 10px;} #mainContainerSafety #menu a {text-decoration:none; color:#f397a2; background:url(../images/menuSafety.png) no-repeat top left; width:194px; height:22px; display:block; } #mainContainerSafety #menu a:hover{color:#e3001a; background:url(../images/menuSafetyHover.png) no-repeat top left;} #mainContainerSafety #menu a.hover{color:#e3001a; background:url(../images/menuSafetyHover.png) no-repeat top left;} #mainContainerSafety #menu a.dubble {background-position:left bottom!important; height:44px!important;} #mainContainerSafety #menu a.sub { background: url('../images/pre2.png') no-repeat left 2px; font-size: 13px; margin: 0 0 0 15px; padding: 0 0 0 24px; height: 16px; color:#f397a2; } /* info */ #mainContainerSafety #info {position:relative; color:#1a171b; font-size:11px; line-height:16px; padding:8px 0 0 60px; margin-top:50px;} #mainContainerSafety #info h3 {color:#e3001a; font-size:11px; margin:0; padding:0;} #mainContainerSafety #icons {position:absolute; top:0; left:0; width:60px;} /* content midden */ #mainContainerSafety #contentCenter {position:relative; width:274px; padding:220px 10px 0; float:left; font-size:11px;} #mainContainerSafety #contentCenter_white {position:relative; width:560px; padding:220px 10px 0; float:left; font-size:11px;} /* content rechts */ #mainContainerSafety #contentRight {position:relative; width:294px; padding:95px 0 0; float:left;} #mainContainerSafety .newsItem {position:relative; padding:30px 35px 10px 25px;} #mainContainerSafety .newsItemHref {position:absolute; bottom:10px; right:10px; width:25px; height:25px;} #mainContainerSafety .newsItemHref a {width:25px; height:25px; display:block; background:url(../images/newsSafety.png) no-repeat top left;} #mainContainerSafety .newsItemHref a:hover {background:url(../images/newsSafetyHover.png) no-repeat top left;} /* footer */ #mainContainerSafety #footer {position:relative; width:908px; height:150px; background:url(../images/footerSafety.png) no-repeat top left;} #mainContainerSafety #footer_white {position:relative; width:908px; height:150px; background:url(../images/footerSafetyWhite.png) no-repeat top left;} #mainContainerSafety #copyright {position:relative; width:880px; margin:0 auto; font-size:11px; color:#7b7b7b;} #mainContainerSafety #copyrightLeft {position:relative; width:440px; float:left;} #mainContainerSafety #copyrightRight {position:relative; width:440px; float:left; text-align:right;} /*-----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------SECURITY-----------------------------------------------------------------------*/ /* container */ #mainContainerSecurity {position:relative; width:908px; margin:0 auto;} /* content gedeelte */ #mainContainerSecurity #contentContainer {position:relative; width:908px; padding:0 0 0 14px; background:url(../images/contentContainerSecurity.png) repeat-y top left;} #mainContainerSecurity #contentContainer_white {position:relative; width:908px; padding:0 0 0 14px; background:url(../images/contentContainerSecurityWhite.png) repeat-y top left;} #mainContainerSecurity #contentContainer h1, #mainContainerSecurity #contentContainer_white h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#004178; font-size:14px; font-weight:normal; margin:0; padding:0 0 15px;} #mainContainerSecurity #contentContainer p, #mainContainerSecurity #contentContainer_white p {margin:0; padding:0 0 10px; line-height:16px; color:#7b7b7b; font-size:11px;} #mainContainerSecurity #contentContainer #bottomImage {position:absolute; bottom:0; left:14px; width:880px; height:32px; background:url(../images/bottomImageSecurity.jpg) no-repeat top left;} /* banner */ #mainContainerSecurity #banner {position:absolute; top:0; left:14px; width:880px; height:220px; background:url(../images/bannerSecurity.png) no-repeat top left; z-index:2;} #mainContainerSecurity #banner #bannerlink {position:absolute; right:10px; top:10px; width:390px;} #mainContainerSecurity #banner #bannerlink img {height:60px; float:right; margin: 0 10px 0 0}; #mainContainerSecurity #banner #bannerlink a { font-size:13px; color:#c3c5c7; } #mainContainerSecurity #banner #bannerlink a:hover { color:#FFF; } /* content links */ #mainContainerSecurity #contentLeft {position:relative; width:245px; padding:205px 0 0 48px; float:left;} /* menu */ #mainContainerSecurity #menu {position:relative; z-index:3; padding: 10px 0 0;} #mainContainerSecurity #menu ul {margin:0; padding:0;} #mainContainerSecurity #menu li {list-style-type:none; margin:0 0 10px; } #mainContainerSecurity #menu a {text-decoration:none; color:#9fbed5; background:url(../images/menuSecurity.png) no-repeat top left; width:194px; height:22px; display:block; } #mainContainerSecurity #menu a:hover{color:#004178; background:url(../images/menuSecurityHover.png) no-repeat top left;} #mainContainerSecurity #menu a.hover{color:#004178; background:url(../images/menuSecurityHover.png) no-repeat top left;} #mainContainerSecurity #menu a.sub { background: url('../images/pre.png') no-repeat left 2px; font-size: 13px; margin: 0 0 0 15px; padding: 0 0 0 24px; height: 16px; color:#004178; } /* info */ #mainContainerSecurity #info {position:relative; color:#1a171b; font-size:11px; line-height:16px; padding:8px 0 0 60px;margin-top:50px;} #mainContainerSecurity #info h3 {color:#004178; font-size:11px; margin:0; padding:0;} #mainContainerSecurity #icons {position:absolute; top:0; left:0; width:60px;} /* content midden */ #mainContainerSecurity #contentCenter {position:relative; width:274px; padding:220px 10px 0; float:left; font-size:11px;} #mainContainerSecurity #contentCenter_white {position:relative; width:560px; padding:220px 10px 0; float:left; font-size:11px;} /* content rechts */ #mainContainerSecurity #contentRight {position:relative; width:294px; padding:95px 0 0; float:left;} #mainContainerSecurity .newsItem {position:relative; padding:30px 35px 10px 25px;} #mainContainerSecurity .newsItemHref {position:absolute; bottom:10px; right:10px; width:25px; height:25px;} #mainContainerSecurity .newsItemHref a {width:25px; height:25px; display:block; background:url(../images/newsSecurity.png) no-repeat top left;} #mainContainerSecurity .newsItemHref a:hover {background:url(../images/newsSecurityHover.png) no-repeat top left;} /* footer */ #mainContainerSecurity #footer {position:relative; width:908px; height:150px; background:url(../images/footerSecurity.png) no-repeat top left;} #mainContainerSecurity #footer_white {position:relative; width:908px; height:150px; background:url(../images/footerSecurityWhite.png) no-repeat top left;} #mainContainerSecurity #copyright {position:relative; width:880px; margin:0 auto; font-size:11px; color:#7b7b7b;} #mainContainerSecurity #copyrightLeft {position:relative; width:440px; float:left;} #mainContainerSecurity #copyrightRight {position:relative; width:440px; float:left; text-align:right;} /*-----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------TELECOMMUNINICATION------------------------------------------------------------*/ /* container */ #mainContainerTelecommunication {position:relative; width:908px; margin:0 auto;} /* content gedeelte */ #mainContainerTelecommunication #contentContainer {position:relative; width:908px; padding:0 0 0 14px; background:url(../images/contentContainerTelecommunication.png) repeat-y top left;} #mainContainerTelecommunication #contentContainer_white {position:relative; width:908px; padding:0 0 0 14px; background:url(../images/contentContainerTelecommunicationWhite.png) repeat-y top left;} #mainContainerTelecommunication #contentContainer h1, #mainContainerTelecommunication #contentContainer_white h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#93117e; font-size:14px; font-weight:normal; margin:0; padding:0 0 15px;} #mainContainerTelecommunication #contentContainer p, #mainContainerTelecommunication #contentContainer_white p {margin:0; padding:0 0 10px; line-height:16px; color:#7b7b7b; font-size:11px;} #mainContainerTelecommunication #contentContainer #bottomImage {position:absolute; bottom:0; left:14px; width:880px; height:32px; background:url(../images/bottomImageTelecommunication.jpg) no-repeat top left;} /* banner */ #mainContainerTelecommunication #banner {position:absolute; top:0; left:14px; width:880px; height:220px; background:url(../images/bannerTelecommunication.png) no-repeat top left; z-index:2;} #mainContainerTelecommunication #banner #bannerlink {position:absolute; right:10px; top:10px; width:390px; } #mainContainerTelecommunication #banner #bannerlink img {height:60px; float:right; margin: 0 10px 0 0;} #mainContainerTelecommunication #banner #bannerlink a { font-size:13px; color:#c3c5c7; } #mainContainerTelecommunication #banner #bannerlink a:hover { color:#FFF; } /* content links */ #mainContainerTelecommunication #contentLeft {position:relative; width:245px; padding:205px 0 0 48px; float:left;} /* menu */ #mainContainerTelecommunication #menu {position:relative; z-index:3; padding: 10px 0 0;} #mainContainerTelecommunication #menu ul {margin:0; padding:0;} #mainContainerTelecommunication #menu li {list-style-type:none; margin:0 0 10px; } #mainContainerTelecommunication #menu a {text-decoration:none; color:#d5a3cd; background:url(../images/menuTelecommunication.png) no-repeat top left; width:194px; height:22px; display:block; } #menu a.dubble {background-position:left bottom!important; height:44px!important;} #mainContainerTelecommunication #menu a:hover {color:#93117e; background:url(../images/menuTelecommunicationHover.png) no-repeat top left;} #mainContainerTelecommunication #menu a.hover {color:#93117e; background:url(../images/menuTelecommunicationHover.png) no-repeat top left;} #menu a.dubble:hover {background-position:left bottom!important; height:44px!important; } #mainContainerTelecommunication #menu a.sub { background: url('../images/pre1.png') no-repeat left 2px; font-size: 13px; margin: 0 0 0 15px; padding: 0 0 0 24px; height: 16px; color:#d5a3cd; } /* info */ #mainContainerTelecommunication #info {position:relative; color:#1a171b; font-size:11px; line-height:16px; padding:8px 0 0 60px; margin-top:50px;} #mainContainerTelecommunication #info h3 {color:#93117e; font-size:11px; margin:0; padding:0;} #mainContainerTelecommunication #icons {position:absolute; top:0; left:0; width:60px;} /* content midden */ #mainContainerTelecommunication #contentCenter {position:relative; width:274px; padding:220px 10px 0; float:left; font-size:11px;} #mainContainerTelecommunication #contentCenter_white {position:relative; width:560px; padding:220px 10px 0; float:left; font-size:11px;} /* content rechts */ #mainContainerTelecommunication #contentRight {position:relative; width:294px; padding:95px 0 0; float:left;} #mainContainerTelecommunication .newsItem {position:relative; padding:30px 35px 10px 25px;} #mainContainerTelecommunication .newsItemHref {position:absolute; bottom:10px; right:10px; width:25px; height:25px;} #mainContainerTelecommunication .newsItemHref a {width:25px; height:25px; display:block; background:url(../images/newsTelecommunication.png) no-repeat top left;} #mainContainerTelecommunication .newsItemHref a:hover {background:url(../images/newsTelecommunicationHover.png) no-repeat top left;} /* footer */ #mainContainerTelecommunication #footer {position:relative; width:908px; height:150px; background:url(../images/footerTelecommunication.png) no-repeat top left;} #mainContainerTelecommunication #footer_white {position:relative; width:908px; height:150px; background:url(../images/footerTelecommunicationWhite.png) no-repeat top left;} #mainContainerTelecommunication #copyright {position:relative; width:880px; margin:0 auto; font-size:11px; color:#7b7b7b;} #mainContainerTelecommunication #copyrightLeft {position:relative; width:440px; float:left;} #mainContainerTelecommunication #copyrightRight {position:relative; width:440px; float:left; text-align:right;} /* Links */ #mainContainerTelecommunication a { text-decoration:none; color:#93117e;} #mainContainerTelecommunication a:hover {text-decoration:underline;} #mainContainerSecurity a { text-decoration:none; color:#004178;} #mainContainerSecurity a:hover {text-decoration:underline;} #mainContainerSafety a { text-decoration:none; color:#e3001a;} #mainContainerSafety a:hover {text-decoration:underline;} /*-----------------------------------------------------------------------------------------------------------------------------*/ #landingLeftHeader img { border:none; } #landingCenterHeader img { border:none; } #landingRightHeader img { border:none; } .block_nieuws_brandbeveiliging {padding:5px;width:550px;border:1px solid #fef2f3;margin-bottom:15px;background-color:#fce5e8;min-height:100px;} .block_nieuws_brandbeveiliging img { margin: 0 10px 0 0; } .block_nieuws_content_brandbeveiliging {} .block_nieuws_inbraakbeveiliging {padding:5px; width:550px;min-height:100px;border:1px solid #f2f6f9;margin-bottom:15px;background-color:#d9e5ed;} .block_nieuws_inbraakbeveiliging img { margin: 0 10px 0 0; } .block_nieuws_content_inbraakbeveiliging {} .block_nieuws_telecommunicatie {padding:5px; width:550px;min-height:100px;border:1px solid #f9f3f8;margin-bottom:15px;background-color:#f2e2ef; } .block_nieuws_telecommunicatie img { margin: 0 10px 0 0; } .block_nieuws_content_telecommunicatie {padding-right:5px;} .hidden {display:none;} strong {font-size:11px;} h2 {font-size:14px;} span.error {background-color:#FFCCCC;border: 1px solid red;} .block_project_container {width:160px;} .block_project_img {padding-right: 7px; float:left} #landingLeftHeader a { background:url(../images/lijoSecurity.png) no-repeat top left; name:lijoSecurity; width:308px; height:380px; display:block; } #landingLeftHeader a:hover { background:url(../images/lijoSecurityHover.png) no-repeat top left; } #landingCenterHeader a { background:url(../images/lijoTelecommunication.png) no-repeat top left; name:Telecommunication;width:294px; height:380px; display:block; } #landingCenterHeader a:hover { background:url(../images/lijoTelecommunicationHover.png) no-repeat top left; } #landingRightHeader a { background:url(../images/lijoSafety.png) no-repeat top left; name:Safety;width:306px; height:380px; display:block; } #landingRightHeader a:hover { background:url(../images/lijoSafetyHover.png) no-repeat top left;} .hide { filter:alpha(opacity=50); -moz-opacity:4.5; -khtml-opacity: 0.5; opacity: 4.5; }