body { margin: 0; padding: 0; border: 0; overflow: hidden; height: 100%; max-height: 100%; background: url(../../App_Themes/default/images/BG-TotalContainer.gif) no-repeat fixed center top; } #MainTable { width:100%; border:0px solid #000; } #MainContainer { position: fixed; top: 0; left: 0; right: 0; bottom: 25px; /*overflow:-moz-scrollbars-vertical;*/ overflow-y: scroll; overflow-x: auto; /* volgens PB is overflow-y: scroll; overflow-x: auto; geen probleem */ width: 100%; z-index: 1; /* important for firefox to tell it should be behind the footer. */ } #Content { /* for the ie6 hack but still remain centered */ position:relative; left: 9px; margin: 0 auto; width: 970px; height: auto; } * html body{ /*IE6 hack*/ padding: 0 0 25px 0; /*Set value to (0 0 HeightOfFrameDiv 0)*/ } * html #MainContainer{ /*IE6 hack*/ height: 100%; width: 100%; } #GlobalNavigation { position: absolute; right:4px; top:0px; width:718px; height: 26px; text-align: right; color: #999; font: 11px/26px Arial, Helvetica; } #MainNavigation { position: absolute; right:14px; top:26px; width:718px; height: 31px; text-align: left; background: #FFF url(../../App_Themes/default/images/BG-MainNavigation.gif) no-repeat; padding-left: 10px; z-index: 102; } #NavigationMenu { position: absolute; right:14px; top:26px; width:718px; height: 31px; text-align: left; background: #FFF url(../../App_Themes/default/images/BG-MainNavigation.gif) no-repeat; padding-left: 10px; z-index: 102; } #NavigationMenu a{ padding: 0px 0 0px 11px; font: 12px/21px Arial, Helvetica; text-decoration:none; text-align: left; display: block; margin-bottom:0px; } #NavigationMenu a:hover { color:#06C; font: 12px/21px Arial, Helvetica; text-decoration:none; text-align: left; display: block; } #NavigationMenu td { text-decoration:none; font: 12px/21px Arial, Helvetica; text-align: left; padding: 2px 0px; } #NavigationMenu tr { text-decoration:none; font: 12px/21px Arial, Helvetica; text-align: left; } #NavigationMenu table { text-decoration:none; font: 12px/21px Arial, Helvetica; text-align: left; } table.NavigationMenuRoot { width: 70%; } #NavigationMenu .NavigationMenuItem * { margin: 0; padding: 0; } #NavigationMenu .NavigationMenuItem tr { margin: 0; padding: 0; } #NavigationMenu .ctl00_Menu1_0 td { padding: 0; } #NavigationMenu .NavigationMenuItem tr td { border-left: 1px solid #BEC4CC; border-right:1px solid #BEC4CC; border-top: 1px solid #E9ECEE; margin: 0; padding: 0; } #NavigationMenu .NavigationDynamicMenuRoot table tr td, #NavigationMenu .NavigationDynamicMenuRoot table tr { padding: 0; margin : 0; } div.NavigationDynamicMenuRoot { margin-top: 3px; margin-left: -10px; } * html div.NavigationDynamicMenuRoot { left: 0px; } #NavigationMenu .NavigationMenuItem tr td a { background: #fff url(images/Left1IconBlauw.gif) no-repeat left; color: #000000; cursor: default; text-decoration: none; padding: 0 10px 0 18px; } #NavigationMenu .NavigationDynamicMenuRoot table { border-bottom: 1px solid #BEC4CC; } #NavigationMenu .NavigationDynamicMenuRoot table table { border: none; } #NavigationMenu .NavigationMenuItem table tr td table tr { border: 0; } #NavigationMenu .NavigationMenuItem tr td a:hover, #NavigationMenu .NavigationMenuItem tr td a:visited:hover { background-image : url(images/Left2IconBlauw.gif); color: #06C; } div.ctl00_Menu1_0 { background: 0; } #SearchBox { position: absolute; left:754px; top:112px; width:189px; height: 76px; text-align: left; border-bottom:1px solid #DFE2E6; } /* Homepage */ #Brandstrap { position: absolute; left:27px; top:82px; width:715px; height: 194px; background: #EEF7FF; border:0px solid #000; } #LogoImage { position: absolute; left:14px; top:11px; width:193px; height: 71px; background: #fff; border:0px solid #000; } #HomepageTeaserText { position: absolute; left:27px; top:291px; width:354px; height: 93px; text-align: left; } #HomepageTeaserImage { position: absolute; left:27px; top:517px; width:354px; height: 87px; text-align: left; border:0px solid #000; } #NewsEventsTeaser { position: absolute; left:27px; top:392px; width:354px; height: 105px; text-align: left; background: #FFF url(../../App_Themes/default/images/TabHeaderBackLinks.gif) no-repeat top left; padding: 6px 0 0 0; } #AgendaEventsTeaser { position: absolute; left:27px; top:392px; width:354px; height: 105px; text-align: left; background: #FFF url(../../App_Themes/default/images/TabHeaderBackRechts.gif) no-repeat top left; padding: 6px 0 0 0; } RelatedLinkQuickfinder {} /* Related Link component -rechterkolom */ #RelatedLinkTeaserText1 { position: absolute; left:754px; top:188px; width:189px; height: 88px; text-align: left; } #RelatedLinkTeaserText2 { position: absolute; left:754px; top:410px; width:189px; height: 109px; text-align: left; border-bottom:1px solid #DFE2E6; border-top:1px solid #DFE2E6; } #RelatedLinkTeaserText3 { position: absolute; left:754px; top:519px; width:189px; height: 81px; text-align: left; border:0px solid #000; } #RelatedLinkTeaserText4 { position: absolute; left:754px; top:410px; width:189px; height: 81px; text-align: left; border-bottom:1px solid #DFE2E6; } #RelatedLinkTeaserText5 { position: absolute; left:754px; top:417px; width:189px; height: 133px; text-align: left; } #RelatedLinkTeaserImage { position: absolute; left:754px; top:277px; width:189px; height: 133px; border-bottom:none;} #RelatedLinkTeaserText1 .CallActionLinksSpoed { padding-right : 0; } #RelatedLinkTeaserImage a { border-bottom:solid 1px #DFE2E6; display: block} #FooterNew { position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; /*Height of frame div*/ overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/ text-align: center; background: #FFF; border-top:1px solid #DFE2E6; color: #999; font: 11px/24px Arial, Helvetica; z-index: 2; /* important for firefox */ } #ContentPlaceHolderDetail { position: absolute; top:189px; width:491px; height: 500px; left: 239px; } /* #SecLevelNavigation a:link { color:#333; } #SecLevelNavigation a:visited { color:#333; } #SecLevelNavigation a:hover { color:#06C; text-decoration:none; } #SecLevelNavigation a:active { color:#06C; }*/ #SecLevelNavigation { position: absolute; text-align: left; left:27px; top:189px; width:189px; border-top:1px solid #EAECEE; height: 500px; } #SecLevelNavigation a{ background: url(../../App_Themes/default/images/ArrowLeftNavClose.gif) no-repeat left; padding: 0px 0 0px 11px; font: 12px/21px Arial, Helvetica; text-decoration:none; text-align: left; display: block; margin-bottom:0px; border-bottom: 1px solid #EAECEE; } #SecLevelNavigation a:hover { color:#06C; text-decoration:none; text-align: left; display: block; } #SecLevelNavigation td { text-decoration:none; text-align: left; padding: 0px 0px; } #SecLevelNavigation tr { text-decoration:none; text-align: left; } #SecLevelNavigation table { text-decoration:none; text-align: left; width: 100%; } #SitemapLevelNavigation { position: absolute; text-align: left; left:0px; top:50px; width:189px; border-top:1px solid #EAECEE; height: 500px; } #SitemapLevelNavigation a{ background: url(../../App_Themes/default/images/ArrowLeftNavClose.gif) no-repeat left; padding: 0px 0 0px 11px; font: 12px/21px Arial, Helvetica; text-decoration:none; text-align: left; display: block; margin-bottom:0px; border-bottom: 1px solid #EAECEE; } #SitemapLevelNavigation a:hover { color:#06C; text-decoration:none; text-align: left; display: block; } #SitemapLevelNavigation td { text-decoration:none; text-align: left; padding: 0px 0px; } #SitemapLevelNavigation tr { text-decoration:none; text-align: left; } #SitemapLevelNavigation table { text-decoration:none; text-align: left; width: 100%; } #HeaderIntrotext { position: relative; text-align: left; } #HeaderIntrotextCP { position: relative; text-align: left;} #HeaderIntrotextCPsmall { position: relative; text-align: left; margin-right:140px; min-height:120px;} * html #HeaderIntrotextCPsmall { height: 120px; } #HeaderSearchResults { position: absolute; left:14px; top:189px; width:703px; height: 32px; text-align: left; } #ContentPageBrandstrap { position: absolute; left:239px; top:57px; width:491px; height: 132px; background: #EEF7FF; } #LandingPageText { position: absolute; left:505px; top:420px; width:225px; height: 107px; text-align: left; } #LandingPageBanner { position: absolute; left:239px; top:420px; width:225px; height: 107px; background: #EEF7FF; } #LandingPageLine { position: absolute; left:486px; top:420px; width:1px; height: 107px; background: #E3E3E3; } #LandingPageBText1 { position: absolute; left:0px; top:120px; width:225px; height: 107px; text-align: left; } #LandingPageBText2 { position: absolute; left:266px; top:120px; width:225px; height: 107px; text-align: left; } #LandingPageBText3 { position: absolute; left:266px; top:265px; width:225px; height: 107px; text-align: left; } #LandingPageBBanner { position: absolute; left:0px; top:265px; width:225px; height: 107px; } #LandingPageBLine1 { position: absolute; left:245px; top:120px; width:1px; height:110px; background: #E3E3E3; } #LandingPageBLine2 { position: absolute; left:245px; top:260px; width:1px; height:110px; background: #E3E3E3; } #LandingPageBLine3 { position: absolute; left:0px; top:245px; width:491px; height:1px; background: #FFF; border-top: 1px #E3E3E3 solid; } ContentPageTeaser {} #ContentTable { position: absolute; left:239px; top:324px; width:491px; text-align: left; } /* Contentpages 1kolom -- 2kolom -- 3kolom */ #TextBlock { position: absolute; left:239px; top:310px; width:491px; height: 260px; text-align: left; } /* #TextBlock2Left { position: absolute; left:239px; top:317px; width:225px; height: 260px; text-align: left; }*/ #TextBlock2Left { position: absolute; left:0px; top:150px; width:225px; height: 260px; text-align: left; } #TextBlock2Right { position: absolute; left:259px; top:150px; width:225px; height: 260px; text-align: left; } #TextBlock2Line { position: absolute; left:245px; top:150px; width:1px; height:260px; background: #E3E3E3; } #TextBlock3Left { position: absolute; left:239px; top:327px; width:149px; height: 260px; text-align: left; } #TextBlock3LeftLine { position: absolute; left:398px; top:327px; width:1px; height:260px; background: #E3E3E3; } #TextBlock3Middle { position: absolute; left:410px; top:327px; width:149px; height: 260px; text-align: left; } #TextBlock3RightLine { position: absolute; left:569px; top:327px; width:1px; height:260px; background: #E3E3E3; } #TextBlock3Right { position: absolute; left:580px; top:327px; width:149px; height: 260px; text-align: left; } #ToolBox3 { position: absolute; left:360px; top:20px; width:129px; height: 90px; background: url(../../App_Themes/default/images/BG-Toolbox3.gif) no-repeat center top; } #ToolBox4 { position: absolute; left:360px; top:20px; width:129px; height: 102px; background: url(../../App_Themes/default/images/BG-Toolbox4.gif) no-repeat center top; } .ToolBoxInside {position: relative; left:3px; top:11px; width:110px; height: 70px; text-align: left; } Image {} DownList {} #ListDownload { position: absolute; left:239px; top:305px; width:491px; text-align: left; } #FoldOut { position: relative; text-align: left; padding-bottom: 300px; } #FoldOutZoek { position: absolute; left:14px; top:243px; width:703px; text-align: left; border-top: 1px #DFE2E6 solid; padding-top: 11px } /* FoldOutJob wordt vervangen door FoldOutDetial ivm verkeerde benaming */ #FoldOutJob { position: absolute; left:239px; top:305px; width:491px; text-align: left; } #FoldOutDetail { position: absolute; left:239px; top:305px; width:491px; text-align: left; } #NewsTab { position: relative; left:0px; top:10px; width:491px; height: 30px; text-align: left; background: #FFF url(../../App_Themes/default/images/TabHeaderBackLinks.gif) no-repeat top left; padding: 6px 0 0 0; } #AgendaTab { position: relative; left:0px; top:10px; width:491px; height: 30px; text-align: left; background: #FFF url(../../App_Themes/default/images/TabHeaderBackRechts.gif) no-repeat top left; padding: 6px 0 0 0; } #NieuwsItems { position: relative; left:0; top:27px; width:491px; text-align: left; border-bottom: 1px #DFE2E6 solid; } #SearchResultsItems { position: relative; left:0; top:27px; width:703px; text-align: left; border-bottom: 1px #DFE2E6 solid; } /* JobItems wordt vervangen door DetailItems ivm verkeerde benaming */ #JobItems { position: relative; left:0; top:27px; width:491px; text-align: left; } #DetailItems { position: relative; left:0; top:27px; width:491px; text-align: left; } /* JobInfo wordt vervangen door DetailInfo ivm verkeerde benaming */ #JobInfo { position: relative; left:0; top:33px; width:471px; text-align: left; padding-left: 15px; padding-bottom: 10px } #DetailInfo { position: relative; left:0; top:33px; width:471px; text-align: left; padding-left: 15px; padding-bottom: 10px } Sitemap {} Form {} #RouteLocatie { position: absolute; left:0px; top:100px; width:502px; height: 27px; text-align: left; padding: 6px 0 0 0; } #RouteLocatie2 { position: absolute; left:232px; top:302px; width:502px; height: 27px; text-align: left; padding: 6px 0 0 0; background: #FFF url(../../App_Themes/default/images/LocatieTabRechts.gif) no-repeat top; } #RouteLocatieContent { position: relative; left:0px; top:12px; width:502px; text-align: left; padding: 3px 0 0 0; font: 11px/16px Arial, Helvetica; color: #333; } #RouteZoek { position: absolute; left:234px; top:445px; width:502px; height: 87px; text-align: left; background: #FFF url(../../App_Themes/default/images/BG-Route.gif) no-repeat top; padding: 6px 0 0 0; } #QuickFinderRoute { position: relative; left:14px; top:2px; width:490px; height: 60px; } #RoutePlattegrond { position: absolute; left:14px; top:288px; width:470px; height: 430px; background-color: #FFF; } SearchResults {} #Paging { position: relative; left:0px; top:17px; width:491px; height: 23px; background: transparent url(../../App_Themes/default/images/BG-Paging.gif) no-repeat center top; text-align: left; } #PagingSearch { position: relative; left:0px; top:12px; width:703px; height: 23px; background: transparent url(../../App_Themes/default/images/BG-SearchResults.gif) no-repeat center top; text-align: left; } #PagingSearchDown { position: relative; left:0px; top:42px; width:703px; height: 23px; background: transparent url(../../App_Themes/default/images/BG-SearchResults.gif) no-repeat center top; text-align: left; } #Formdiv { position: absolute; left:239px; top:311px; width:491px; text-align: left; border-top: 1px #E5EBED solid; } #FormBalk { position: relative; left:0px; top:14px; width:491px; height: 23px; background: transparent url(../../App_Themes/default/images/BG-Paging.gif) no-repeat center top; text-align: left; } #FormTable { position: relative; left:0px; top:-80px; width:478px; text-align: left; border-bottom: 0px #E5EBED solid; padding-left: 13px } #FormTableFooter { position: relative; left:0px; top:32px; width:491px; text-align: left; } /* JobsTableFooter wordt vervangen door DetailsTableFooter ivm verkeerde benaming */ #JobsTableFooter { position: relative; left:0px; top:-80px; width:491px; text-align: left; border-top: 0px #DFE2E6 solid; padding-top: 10px; } #DetailsTableFooter { position: relative; left:0px; top:-80px; width:491px; text-align: left; border-top: 0px #DFE2E6 solid; padding-top: 10px; } #ImageBlock { position: absolute; left:0px; top:200px; width:491px; text-align: left; border-bottom: 1px #E5EBED solid; } News {} Tabs {} Tooltip {} Mediaplayer {}