* { margin: 0; padding: 0; } html { height: 100%; width: 100%; } body { background: url(/skins/default/pics/background.png) 0 -170px repeat-x #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; color: #092650; } #wrapper { position: relative; width: 939px; margin: 0 auto; } #sideImage { position: absolute; width: 615px; height: 838px; top: -50px; left: -160px; z-index: 0; border: 0; } /* HEADER */ #wrapperHeader { position: relative; width: 939px; /*height: 250px;*/ overflow: hidden; z-index: 1; } #wrapperHeaderTitleBar { width: 927px; height: 29px; position: relative; float: left; margin-left: 6px; margin-top: 7px; display: inline; background: url(/skins/default/pics/backgroundTitleBar.gif) top left repeat-x; } #wrapperHeaderTitleBar #searchBox { position: relative; float: right; margin-top: 4px; width: 229px; height: 24px; } #wrapperHeaderTitleBar #searchBox h2 { float: left; font-size: 14px; font-weight: normal; color: #FFFFFF; line-height: 24px; } #wrapperHeaderTitleBar #searchBox form input { margin-right: 4px; padding: 0px 6px; width: 148px; height: 18px; line-height: 18px; background: url(pics/bgSearch.gif) top left no-repeat; border: none; } #wrapperHeaderVisual { width: 689px; height: 180px; position: relative; float: left; display: inline; margin-top: 6px; } #wrapperHeaderVisual .headerVisual { position: absolute; top: 7px; left: 7px; z-index: 2; width: 675px; height: 166px; } #wrapperHeaderVisual h1 { width: 350px; text-align: left; font-size: 18px; font-weight: normal; line-height: normal; color: #FFFFFF; position: absolute; top: 44px; left: 328px; z-index: 2; } #wrapperHeaderVisual h2 { width: 350px; text-align: left; font-size: 12px; font-weight: normal; line-height: normal; color: #FFFFFF; position: absolute; top: 72px; left: 328px; z-index: 2; } #wrapperHeaderVisual .button { display: none; width: 186px; height: 32px; position: absolute; top: 130px; right: 18px; z-index: 2; } #wrapperHeaderLogo { width: 241px; height: 180px; position: relative; float: right; display: inline; margin-top: 6px; } #wrapperHeaderLogo address { display: none; } #wrapperHeaderLogo span.bold { font-weight: bold; } #wrapperHeaderLogo a, #wrapperHeaderLogo a:visited { color: #092650; } /* CONTENT */ #wrapperContent { position: relative; width: 939px; overflow: hidden; z-index: 1; } #wrapperContentInline { width: 698px; height: auto; position: relative; float: left; display:inline; overflow: hidden; margin-top: 6px; } #wrapperContentInlineContent { width: 520px; height: auto; min-height: 650px; float: right; padding: 20px; display: inline; background:url(/skins/default/pics/backgroundContent.jpg) no-repeat #ffffff; } * html #wrapperContentInlineContent { height: 650px; } #content { color: #092650; text-align: left; } /* CONTENT - MENU'S */ #mainMenu { width: 122px; height: auto; position: relative; float: left; margin-left: 16px; display: inline; z-index: 1; } #mainMenu ul { width: 122px; height: auto; float: left; margin-top: 16px; } #mainMenu ul li { width: 122px; height: auto; float: left; text-align: right; } #mainMenu ul li a, #mainMenu ul li a:visited { font-size: 12px; color: #007098; padding: 8px 10px 8px 0px; width: 112px; height: auto; display: block; background: url(/skins/default/pics/backgroundMainMenu.gif) bottom no-repeat; } #mainMenu ul li a:hover, #mainMenu ul li a:active, #mainMenu ul li a.active { font-size: 12px; color: #0b3e66; padding: 8px 10px 8px 0px; width: 112px; height: auto; display: block; background: url(/skins/default/pics/backgroundMainMenuActive.gif) top repeat-y; -moz-opacity: 0.6 no; filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=20, FinishX=0 ); text-decoration: none; } #mainMenu ul li ul li.lastNode a { background: none; } #mainMenu ul li ul { position: absolute; width: 194px; height:auto; top: -17px; left:122px; display: block; z-index: 1; border: 1px solid #91cee4; background: url(/skins/default/pics/backgroundSubMenu.png) top right no-repeat #f3f4f4; } #mainMenu ul li ul li { width: 194px; height: auto; float: left; text-align: left; } #mainMenu ul li ul li a, #mainMenu ul li ul li a:visited { font-size: 12px; color: #007098; padding: 8px 0px 8px 22px; width: 172px; height: auto; display: block; filter:none; background: url(/skins/default/pics/backgroundSubMenuItem.gif) bottom no-repeat; } #mainMenu ul li ul li a:hover, #mainMenu ul li ul li a:active, #mainMenu ul li ul li a.active { font-size: 12px; color: #0b3e66; padding: 8px 0px 8px 22px; width: 172px; height: auto; display: block; filter:none; background: url(/skins/default/pics/backgroundSubMenuItem.gif) bottom no-repeat; } #mainMenu ul li ul li.lastNode a { background: none; } #mainMenu ul li ul li ul { position: absolute; width: 194px; height:auto; top: -17px; left:194px; display: block; z-index: 1; border: 1px solid #91cee4; background: url(/skins/default/pics/backgroundSubMenu.png) top right no-repeat #f3f4f4; } #mainMenu ul li ul li ul li { width: 194px; height: auto; float: left; text-align: left; } #mainMenu ul li ul li ul li a, #mainMenu ul li ul li ul li a:visited { font-size: 12px; color: #007098; padding: 8px 0px 8px 22px; width: 172px; height: auto; display: block; filter:none; background: url(/skins/default/pics/backgroundSubMenuItem.gif) bottom no-repeat; } #mainMenu ul li ul li ul li a:hover, #mainMenu ul li ul li ul li a:active, #mainMenu ul li ul li ul li a.active { font-size: 12px; color: #0b3e66; padding: 8px 0px 8px 22px; width: 172px; height: auto; display: block; filter:none; background: url(/skins/default/pics/backgroundSubMenuItem.gif) bottom no-repeat; } #mainMenu ul li ul li ul li.lastNode a { background: none; } /* CONTENT - NIEUWSBOX */ #newsBox { position: relative; float: right; width: 241px; overflow: hidden; z-index: 1; } #newsBox img { position: relative; float: left; } #newsBox .newsBox { position: relative; float: left; padding: 0px 6px; width: 229px; } #newsBox .newsBox h2 { position: relative; float: left; margin-left: 3px; display: block; display: inline; width: 223px; height: 48px; background: url(pics/newsBoxHeader.jpg) top left no-repeat; } #newsBox .newsBox h2 span { display: none; } #newsBox .newsBox ul { position: relative; float: left; display: inline; margin-left: 3px; width: 223px; list-style: none; } #newsBox .newsBox ul li { position: relative; float: left; padding: 6px 3px 0px 3px; width: 217px; line-height: normal; background: url(pics/bgNewsItem.jpg) repeat-y; } #newsBox .newsBox ul li h3 { position: relative; float: left; padding-left: 12px; width: 211px; min-height: 13px; text-align: left; text-transform: uppercase; background: url(pics/bgnewsitemarrow.gif) left top no-repeat; } #newsBox .newsBox ul li h3 a, #newsBox .newsBox ul li h3 a:visited { margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-align: left; text-decoration: underline; } #newsBox .newsBox ul li h3 a:hover { text-decoration: none; } #newsBox .newsBox ul li h3 p { position: relative; float: left; display: block; } #newsBox .newsBox ul li div.item { position: relative; float: left; display: inline; padding-left: 12px; text-align: left; } #newsBox .newsBox ul li a, #newsBox .newsBox ul li a:visted, #newsBox .newsBox ul li a.more, #newsBox .newsBox ul li a.more, { position: relative; float: left; margin-left: 12px; color: #00a1e4; } #newsBox .newsBox ul li a:hover { text-decoration: none; } #newsBox .newsBox ul li.last { position: relative; float: left; height: 22px; } #newsBox .newsBox ul li h4 { padding: 0px 0px 4px 12px; width: 211px; height: auto; line-height: normal; text-align: left; background: url(pics/bgnewsitemarrow.gif) left 2px no-repeat; } #newsBox .newsBox ul li h4 a, #newsBox .newsBox ul li h4 a:visited { margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-align: left; text-decoration: underline; } #newsBox .newsBox ul li h4 a:hover { text-decoration: none; } #newsBox .newsBox ul li img.NewsItemFoot { position: relative; float: left; margin-left: -3px; } /* CONTENT - BRANCES */ #wrapperContentBranches { width: 660px; padding-left: 15px; position: relative; float: left; overflow: hidden; z-index: 2; } #wrapperContentBranches ul.brancheMenu { width: 100%; height:auto; position: relative; float: left; list-style: none; } #wrapperContentBranches ul.brancheMenu li { float: left; width: 207px; /*height:114px;*/ position: relative; } #wrapperContentBranches ul.brancheMenu li.node1, #wrapperContentBranches ul.brancheMenu li.node2 { padding-right: 15px; } #wrapperContentBranches ul.brancheMenu li a { width: 171px; padding-top: 60px; padding-left: 24px; text-align: left; color: #092650; position: absolute; z-index: 1; top: 7px; left: 7px; } #wrapperContentBranches ul.brancheMenu li.node1 a { background: url(/skins/default/pics/new_brancheItemProductie.jpg) 5px top no-repeat; } #wrapperContentBranches ul.brancheMenu li.node2 a { background: url(/skins/default/pics/new_brancheItemBouw.jpg) 5px top no-repeat; } /* #wrapperContentBranches ul.brancheMenu li.node3 a { background: url(/skins/default/pics/brancheItemVraag.jpg) top left no-repeat; } #wrapperContentBranches ul.brancheMenu li.node4 a { background: url(/skins/default/pics/brancheItemProject.jpg) top left no-repeat; } */ #wrapperContentBranches ul.brancheMenu li.node3 a { background: url(/skins/default/pics/new_brancheItemProjectmatig.jpg) 5px top no-repeat; } #wrapperContentBranches img.ContentBranchesfooter { width: 240px; height: 148px; position: relative; float: left; overflow: hidden; margin-top: 10px; } #wrapperContentBranches ul.brancheMenu li img.bull { position: absolute; left: 0; top: 0; z-index:2; } /* FOOTER */ #wrapperFooter { width: 939px; height: 90px; position: relative; z-index: 1; padding-top: 90px; } #wrapperFooter p { width: 927px; height: auto; position: relative; float: left; display: block; margin-left: 6px; text-align: left; font-size: 10px; } #wrapperFooterTitleBar { width: 927px; height: 29px; position: relative; float: left; margin-left: 6px; background: url(/skins/default/pics/backgroundTitleBar.gif) top left repeat-x; } /* FOOTER - FOOTMENU */ #wrapperFooterTitleBar ul { position: relative; width: auto; float: left; margin-left: 17px; margin-top: 7px; list-style: none; display: inline;} #wrapperFooterTitleBar ul li { width: auto; float: left; line-height: normal; padding: 0px 10px 0px 10px; background:url(pics/spacerFootMenu.gif) right no-repeat; } #wrapperFooterTitleBar ul li a, #wrapperFooterTitleBar ul li a:visited { color: #FFFFFF; } #wrapperFooterTitleBar ul li a:hover, #wrapperFooterTitleBar ul li a.active { color: #FFFFFF; text-decoration: underline; } #wrapperFooterTitleBar ul li.firstNode { padding: 0px 10px 0px 0px } #wrapperFooterTitleBar ul li.lastNode { background: none; } /* STEPS */ #stepsMenu { position: absolute; left: 120px; bottom: 80px; width: 622px; height: 90px; z-index: 5; background-image: url(/skins/default/pics/backgroundStepsMenu.gif); background-position: 11px 30px !important; background-repeat: no-repeat; } ul.stepsMenu { position: relative; width: 100%; height: 80px; float: left; margin-top: 0px; display: inline; list-style: none; z-index: 5; } ul.stepsMenu li { position: relative; width: 82px; height: 80px; padding: 0; float: left; text-align: center; } ul.stepsMenu li a { position: relative; width: 82px; height: 80px; padding-top: 0px; display: block; text-decoration: none; } ul.stepsMenu li a:hover, ul.stepsMenu li a.active { text-decoration: none; background: url(/skins/default/pics/backgroundStepsFooterMenuActive.gif) bottom center no-repeat; } ul.stepsMenu li a span { font-weight: bold; font-size: 11px; color: #0a315a; display: block; } ul.stepsMenu li.node1 a span { text-align: left; } ul.stepsMenu li.node1 { margin-left: 0px; background-image: url(/skins/default/pics/icoSignaleren.gif); background-position: 22px 42px !important; background-repeat: no-repeat; display: inline; } ul.stepsMenu li.node2 { margin-left: 22px; background-image: url(/skins/default/pics/icoInventariseren.gif); background-position: 32px 42px !important; background-repeat: no-repeat; } ul.stepsMenu li.node3 { margin-left: 27px; background-image: url(/skins/default/pics/icoAdviseren.gif); background-position: 31px 42px !important; background-repeat: no-repeat; } ul.stepsMenu li.node4 { margin-left: 31px; background-image: url(/skins/default/pics/icoVerbeteren.gif); background-position: 34px 45px !important; background-repeat: no-repeat; } ul.stepsMenu li.node5 { margin-left: 25px; background-image: url(/skins/default/pics/icoImplementeren.gif); background-position: 32px 42px !important; background-repeat: no-repeat; } ul.stepsMenu li.node6 { margin-left: 25px; background-image: url(/skins/default/pics/icoBeheren.gif); background-position: 36px 42px !important; background-repeat: no-repeat; } ul.stepsMenu li.node1 a:hover, ul.stepsMenu li.node1 a.active { text-decoration: none; background: url(/skins/default/pics/backgroundStepsFooterMenuActive.gif) 9px 29px no-repeat; } ul.stepsMenu li.node2 a:hover, ul.stepsMenu li.node2 a.active { text-decoration: none; background: url(/skins/default/pics/backgroundStepsFooterMenuActive.gif) 16px 29px no-repeat; } ul.stepsMenu li.node3 a:hover, ul.stepsMenu li.node3 a.active { text-decoration: none; background: url(/skins/default/pics/backgroundStepsFooterMenuActive.gif) 18px 29px no-repeat; } ul.stepsMenu li.node4 a:hover, ul.stepsMenu li.node4 a.active { text-decoration: none; background: url(/skins/default/pics/backgroundStepsFooterMenuActive.gif) 16px 29px no-repeat; } ul.stepsMenu li.node5 a:hover, ul.stepsMenu li.node5 a.active { text-decoration: none; background: url(/skins/default/pics/backgroundStepsFooterMenuActive.gif) 20px 29px no-repeat; } ul.stepsMenu li.node6 a:hover, ul.stepsMenu li.node6 a.active { text-decoration: none; background: url(/skins/default/pics/backgroundStepsFooterMenuActive.gif) 24px 29px no-repeat; } #stepsMenu ul.stepsMenu li div.subContent { display: none; } * html ul.stepsMenu li.node6 { margin-left: 21px;} #searchresult .searchitem { padding-top: 8px; margin-bottom: 10px; } #searchresult .searchitem h3 { color: #2f4a6c; } #searchresult .searchitem a, #searchresult .searchitem a:visited { color: #53b3e4; text-decoration: none; } #searchresult .searchitem a:hover { color: #53b3e4; text-decoration: underline; }