/* --------------------------------------------------------------------------- */ /* Default stylesheet */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* HTML selectors */ body { margin: 0; padding: 0; font: normal normal 1em/1em sans-serif; background: #fff url(../gfx/bodyBg.gif) no-repeat 570px 0px} #indexPage { background: #fff; } p { padding: 0; margin: 0; } img { border: 0; } /* END: HTML selectors */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* Basic page containers */ #pageContainer { width: 580px; margin: 17px 0 0 20px; padding: 0; text-align: left; font: normal normal 0.8em/1.1em sans-serif;} #indexPage #pageContainer { width: 580px; margin: 0 0 0 70px; padding: 0; } #header { margin: 0; padding: 0; } #header h1 { display: none; } #sideBar { width: 161px; height: 90px; float: left; margin: 0;} #indexPage #sideBar { float: right; top: -25px; position: relative; } #sideBar fieldset, #sideBar form { border: none; padding: 0; margin: 0; } #sideBar .searchField { float: left; width: 105px; background: url(../gfx/searchField.gif) no-repeat 0px 10px; } #sideBar #searchText { padding: 0 12px 3px 8px; width: 88px; margin: 10px 0 0 5px; font-size: 0.75em; border: none; background: none; line-height: 12px;} html>body #sideBar #searchText { font-size: 0.8em; } #sideBar #searchButton { cursor: pointer; padding: 0; margin: 8px 0 0 0; border: none; background: #fff; color: #cb9fa9; } #sideBar .subMenu { position: absolute; top: 302px; left: 20px; width: 140px;} html>body #sideBar .subMenu { top: 287px; } #subHomePage #sideBar .subMenu { top: 226px;} html>body#subHomePage #sideBar .subMenu { top: 211px;} #sideBar .subMenu h2 { font-size: 150%; text-align: right; border-bottom: 1px solid #7e0f29; color: #7e0f29; font-weight: normal; line-height: 150%; } #sideBar .subMenu ul { margin: 40px 0 0 0; padding: 0; color: #D8B5BE; list-style: none; text-align: right; font-size: 90%; } #sideBar .subMenu li { margin: 3px 0 0 0; } #sideBar .subMenu a { color: #FB1820; text-decoration: none; font-weight: bold;} #sideBar .subMenu li.active a { color: #9F9F9F;} #sideBar .subMenu a:hover { text-decoration: underline; } #sideBar .subMenu blockquote { text-align: right; width: 141px; position: relative; left: -41px; font-size: 90%; color: #FB1820; font-style: italic; } #brochures #sideBar .subMenu, #adressenContact #sideBar .subMenu { top: 77px; } html>#brochures #sideBar .subMenu, html>#brochures #adressenContact #sideBar .subMenu { top: 72px; } #pageHeader { padding: 0 0 0 0px; margin: 0; width: 410px; height: 90px; float: right; } #pageHeader ul { margin: 0; padding: 0; } .chapterNav { margin: 0 0 0 237px; width: 400px; } .chapterNav span { float: left; } .chapterNav .slideContainer { display: block; width: 112px; height: 141px; } .chapterNav .slideContainer img { display: none; } #pageContent { margin: 0 0 0 170px; } #pageContent #leftCol { float: left; width: 191px; margin: 0 9px 0 0; } #pageContent #rightCol { float: right; width: 191px; } #sitemap #pageContent #leftCol { width: 100px; } #sitemap #pageContent #rightCol { width: 276px; } #pageContent .headerImg { border: 1px solid #000; } #pageContent a { color: #000; } #pageContent a:hover { color: #B16B7E; } #pageContent .path { font-size: 80%; } #pageContent .path a { color: #9f9f9f; text-decoration: none; } #pageContent .path a:hover { color: #9f9f9f; text-decoration: underline; } #pageContent .body { font-size: 90%; margin: 0 0 10px 0; } #pageContent .body ul { padding: 0; margin: 0 0 15px 12px; } #pageContent .body ul ul { list-style-type: disc; } #pageContent h2 a { text-decoration: none; } #pageContent h2 a:hover { color: #fb1820; } #pageContent .leesMeer, #pageContent .related, #pageContent .listLong { padding: 0; margin: 2px 0 0 12px; } #pageContent .leesMeer a, #pageContent .related a, #pageContent .listLong a { text-decoration: underline; } #pageContent .related { font-size: 90%; } #pageContent .listLong li { margin: 10px 0 0 0; } #pageContent .listLong li a { text-decoration: none; } #pageContent h2 { clear: both; padding: 0 0; border-bottom: 1px solid #d7b5bd; margin: 0.8em 0; font-size: 1.4em; font-weight: bold; line-height: 1.2em; color: #7E0F29 } #pageContent .date { font-size: 80%; margin: 2px 0 1px 0; } #pageContent .article { line-height: 1.1em; margin: 5px 0 15px 0; } #pageContent .article h2 { font-size: 150%; font-weight: normal; line-height: 1em; margin: 0 0 18px 0; } #pageContent .article fieldset { border: none; padding: 0; margin: 0; font-size: 90%; } #pageContent .article fieldset label { } #pageContent .article fieldset .clr { margin: 0 0 10px 0; } #pageContent .article .labelField { font-weight: bold; width: 200px; float: left; } #pageContent .article .fullField { } #pageContent .article input, #pageContent .article select { margin: 2px 5px 0 0; font-size: 90%; } #pageContent .article .errormessage { display: none; } #pageContent .newsItem { line-height: 1.1em; margin: 5px 0 20px 0; } #pageContent .brochureItem { margin: 0 0 10px 0; } #pageContent .brochureItem td { vertical-align: top; font-size: 75%; } #pageContent .brochureItem .img { width: 130px; } #pageContent .brochureItem .body { margin: 0 0 0 22px; } #pageContent .brochureItem .body a { text-decoration: none; } #pageContent .brochureItem .body .related { font-size: 100%; margin: 5px 0 0 15px; } #pageContent .address td { margin: 0 10px 0 0; padding: 10px 0 10px 0; font-size: 75%; } html>body #pageContent .address td { font-size: 90%; vertical-align: top; } #pageContent .addressItem { width: 200px; margin: 0 10px 0 0; } #pageContent .addressItem .related { font-size: 100%; } #pageContent .resultMeta { margin: 0 0 10px 0; padding: 3px 0 10px 0; line-height: 150%; } #pageContent .pageNav { margin: 10px 0 20px 0; padding: 3px 0 10px 0; } #pageContent .pageNav a { text-decoration: none; font-weight: bold; margin: 0 7px 0 0; } #pageContent .resultItem { margin: 0 0 25px 0; line-height: 150%; } #pageContent .resultItem a { text-decoration: none; } #pageContent .resultItem a:hover { text-decoration: underline; color: #F61821; } #pageContainer .sitemap ul { margin: 0 0 0 0px; padding: 0; list-style: disc; } #pageContainer .sitemap ul ul { margin: 0 0 0 43px; } #pageContainer .sitemap ul ul ul { margin: 0 0 0 15px;} #pageContainer .sitemap li { margin: 2px 0 2px 0; color: #7E0F29; } #pageContainer .sitemap ul a { text-decoration: none; color: #7E0F29; } #pageContainer .sitemap ul a:hover { text-decoration: underline; } #pageContainer .sitemap .sectionHead { font-size: 130%; line-height: 140%; font-weight: bold; display: inline; margin: 0px; padding: 0 0 0 25px; background: url(../gfx/bullitCircleBigLight.gif) no-repeat 0px 0px; } #pageContainer .sitemap .sectionHead a { color: #F61821; } #pageContainer .sitemap .sectionLinks a { color: #7E0F29; font-size: 12px; font-weight: normal; } #pageFooter { font-size: 80%; padding: 25px 0 0 0; margin: 0 3px 0 187px; width: 400px; height: 60px; } #indexPage #pageFooter { width: 685px; margin: 0 3px 0 75px; font-size: 90%;} #indexPage #pageFooter #sidebar { margin-top: -0px;} #pageFooter ul { margin: 0; padding: 0; } #siteContainer { margin: 0; padding: 0; } #content { margin: 0; padding: 0; } /* this is a general rule for the entire site */ .clr { clear: both; font-size: 0px; line-height: 0px; } /* END: Basic page containers */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* horizontal menu ( single pulldown menu ) */ #sitenav { margin: 0; padding: 0; } #navList { position: relative; margin: 0; padding: 0; list-style: none; } #navList .menuItem { position: relative; top: 46px; display: inline; font-size: 90%; margin: 0 7px 0 0; padding: 0; } #navList .menuItem a { margin: 0; padding: 0; cursor: pointer; text-decoration: none;} #navList .menuItem a:hover { color: #7E0F29;} #navList .menuItem .folder { font-weight: bold; color: #fb1820; } #navList .menuItem .active, #navList .menuItem .active a {color: #9F9F9F;} #navList .menuItem .subMenuList { position: absolute; top: 1.3em; left: 0px; margin: 0; padding: 0; list-style: none; z-index: 200; border: 1px solid #fb1820; background-color: #fff; } #navList .menuItem .subMenuItem { margin: 0; padding: 0;} #navList .menuItem .subMenuItem a { display: block; margin: 0; padding: 3px 5px 3px 5px; text-decoration: none; font-weight: bold; color: #fb1820; background: #fff; width: 150px; } #navList .menuItem .subMenuItem a:hover { display: block; color: #fff; background: #fb1820; width: 150px;} #navList .closed .subMenuList { display: none; } #navList .open .subMenuList { display: block; } /* this replaces the javascript menu in modern browsers only */ html>body #navList .menuItem .subMenuList { margin: 0; display: none; } html>body #navList .menuItem:hover .subMenuList { display: block; } html>body #navList .active:hover .subMenuList { display: none; } /* END: horizontal menu */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* Content containers */ /* Add as many as needed! */ /* Headers tags have not been defined! This wil vary per project! */ /* P A G E H E A D E R */ .siteMenu { font-size: 90%; } .siteMenu li { position: relative; display: inline; margin: 0 10px 0 0; padding: 0 0 0 15px; background: url(../gfx/bullitCircle.gif) no-repeat 0px 1px; } .siteMenu li a { text-decoration: none; color: #cb9fa9; } .siteMenu li a:hover { text-decoration: underline; } /* /P A G E H E A D E R */ #pageContent .article { margin: 0; padding: 0; } #pageContent .article .summary { font: normal normal 1em/1.2em Arial, sans-serif; } #pageContent .article .bodytext { font: normal normal 1em/1.2em Arial, sans-serif; } #pageContent .article img { float: left; } #pageContent .newsitem { margin: 5px 0 20px 0; padding: 0; line-height: 1.1em; } #pageContent #leftCol h2, #pageContent #leftCol h4 { margin: 0; padding: 0 0 0.5em 0; font: normal bold 1.3em/1.2em Arial, sans-serif; } #pageContent #rightCol h2, #pageContent #rightCol h4 { margin: 0; padding: 0 0 0.5em 0; font: normal bold 1.3em/1.2em Arial, sans-serif; } #pageContent #oneCol .vacancy h4 { margin: 2.5em 0 0.25em 0; } #content .newsitem .summary { font: italic normal 1em/1.2em Arial, sans-serif; } #content .newsitem .bodytext { font: normal normal 1em/1.2em Arial, sans-serif; } #content .newsitem img { float: left; } #content .product { float: left; margin: 0; padding: 0; width: 50%; } #content .product .summary { font: italic normal 1em/1.2em Arial, sans-serif; } #content .product .bodytext { font: normal normal 1em/1.2em Arial, sans-serif; } #content .product img { float: left; } #content .generalForm { margin: 0; padding: 0; width: 50%; } #content .generalForm .summary { font: italic normal 1em/1.2em Arial, sans-serif; } #content .generalForm .bodytext { font: normal normal 1em/1.2em Arial, sans-serif; } #content .generalForm img { float: left; } #projectImage img { border: 1px solid #000; } /* END: Content containers */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* additional page elements */ .bold { font-weight: normal !important; } .red { color: #F61821 !important; } .red a:hover { color: #B16B7E !important; } .topBorder { border-top: 1px solid #000; padding: 10px 0 0 0; } /* END: additional page elements */ /* --------------------------------------------------------------------------- */ /* EOF */