/*******************/ /* layout and form */ /*******************/ body { margin: 0; padding: 0; } a img { border: 0 none; } form { margin: 0; } fieldset { margin: 0; border: 0 none; padding: 0; } h1 { display: block; margin: 0 0 20px; } h2 { display: block; margin: .83em 0; } h3 { display: block; margin: 1em 0; } h4 { display: block; margin: 1.33em 0; } h5 { display: block; margin: 1.67em 0; } h6 { display: block; margin: 2.33em 0; } p { margin: 1em 0; } #siteContainer { margin: 10px auto; padding: 0; width: 980px; } #header { border-bottom: 4px solid; padding: 5px 20px 0; height: 94px; position: relative; z-index: 2; } #crumbPath { margin: 0; padding: 0; list-style: none outside; display: inline; } #crumbPath li { margin: 0; padding: 0; display: inline; } #quickLinks { margin: 0; padding: 0; width: 288px; height: 22px; list-style: none outside; position: absolute; top: 5px; right: 24px; } #quickLinks li { margin: 0; padding: 0; position: absolute; top: 0; } #quickSearchForm { width: 161px; left: 0; } #quickSearchForm fieldset { margin: 0; border: 0; padding: 0; } #quickSearchForm legend { display: none; } #quickSearchForm label { position: absolute; top: 24px; left: 30px; width: 128px; z-index: 10; } .hasJS #quickSearchForm label { top: 5px; left: 30px; } #quickSearchString { margin: 0; border: 1px solid; padding: 2px; width: 128px; height: 16px; position: absolute; top: 0; left: 27px; } #submitQuickSearch { margin: 0; border: 1px solid; padding: 0; width: 27px; height: 22px; position: absolute; top: 0; left: 1px; cursor: pointer; } #quickLinks li a { border: 1px solid; padding: 0; height: 20px; display: block; overflow: hidden; } #printIcon { left: 166px; } #printIcon a { width: 25px; } #contactIcon { left: 198px; } #contactIcon a { width: 26px; } #homeIcon { left: 231px; } #homeIcon a { width: 55px; } #loginIcon { width: 161px; } #loginIcon a { width: 161px; } #menu { margin: 0; padding: 0; width: 946px; list-style: none outside; position: absolute; left: 20px; bottom: 0; z-index: 100; } #menu li { margin: 0 8px 0 0; padding: 34px 0 0; width: 151px; height: 30px; float: left; position: relative; } #menu li.top a { border: 0 none; padding: 1px 1px 0; } #menu #page10717787 a { border: 0 none; padding: 1px 1px 0; } #menu #page10719317 a { border: 0 none; padding: 1px 1px 0; } #menu li.bottom { margin: 0; } #menu a { border: 1px solid; border-bottom: 0 none; width: 149px; height: 29px; display: block; overflow: hidden; } #menu ul { margin: 0; padding: 0; display: none; position: absolute; top: 60px; left: 0; list-style: none outside; } #menu li:hover ul { display: block; } #menu ul li { margin: 0; padding: 0; float: none; } #menu ul a { padding: 0 0 0 10px; width: 139px; } #menu ul li.top a { border: 1px solid; border-bottom: 0 none; padding: 0 0 0 10px; } #menu ul #page10717787 a { border: 1px solid; border-bottom: 0 none; padding: 0 0 0 10px; } #menu ul #page10719317 a { border: 1px solid; border-bottom: 0 none; padding: 0 0 0 10px; } #menu #page10717787 ul a { border: 1px solid; border-bottom: 0 none; padding: 0 0 0 10px; width: 139px; } #menu #page10719317 ul a { border: 1px solid; border-bottom: 0 none; padding: 0 0 0 10px; width: 139px; } #menu ul li.bottom a { border-bottom: 1px solid; } #menu ul ul { top: 0; left: 150px; display: none !important; } #mijnWghPersonalInfo { position: absolute; bottom: 10px; left: 230px; width: 300px; } #mijnWghPersonalInfo dt { width: 75px; float: left; } #mijnWghPersonalInfo dd { margin-left: 75px; } #columnContainer { margin: 0; padding: 0; width: 980px; overflow: auto; position: relative; z-index: 1; } #navigationColumn { margin: 0; border-right: 1px solid; padding: 0; width: 179px; min-height: 370px; float: left; } #subMenu { margin: 20px 0; padding: 0; list-style: none outside; } #subMenu li { margin: 0; padding: 0; position: relative; } #subMenu a { padding: 0 32px; width: 149px; height: 30px; display: block; overflow: hidden; } #subMenu a:hover { border: 1px solid; padding: 0 31px; width: 149px; height: 28px; line-height: 28px; } #subMenu .selected a:hover { border: 0 none; padding: 0 32px; width: 149px; height: 30px; line-height: 30px; } #subMenu ul { margin: 0; padding: 0; list-style: disc outside; display: none; } #subMenu .selected ul { border-bottom: 1px solid; padding: 6px 0 9px 45px; width: 134px; display: block; } #subMenu ul a, #subMenu .selected ul a { padding: 0; width: 134px; height: auto; display: inline; line-height: 22px; } #subMenu ul a:hover, #subMenu .selected ul a:hover { border: 0 none; padding: 0; width: 134px; height: auto; display: inline; line-height: 22px; } #navigationColumn .box { margin: 20px 0; padding: 20px; width: 139px; } #quickNav { margin: 0; padding: 0 10px 0 15px; width: 154px; position: absolute; bottom: 20px; left: 0; } #quickNav h3 { margin: 0; border: 1px solid; border-bottom: 0 none; padding: 0 0 0 32px; } #quickNav ul { margin: 0; border-bottom: 1px solid; padding: 0; list-style: none outside; } #quickNav li { margin: 0; padding: 0; } #quickNav a { margin: 0; border: 1px solid; border-bottom: 0 none; padding: 0 0 0 48px; display: block; } #contentColumn { margin: 0 0 0 -1px; border-left: 1px solid; padding: 0; width: 800px; min-height: 370px; overflow: auto; float: left; } #content { margin: 0; padding: 40px 50px; } #content.hasBG { margin: 0 0 320px; padding: 40px 50px; } #newsOverview { margin: 0; padding: 0; list-style: none outside; } #newsOverview li { margin: 0; border-bottom: 1px solid; padding: 20px 0; } #newsOverview span { display: block; } #faqCategories { margin: 0; padding: 0; list-style: none outside; } #faqCategories li { margin: 0; padding: 0; height: 30px; } #faqCategories a { padding: 0 20px; width: 320px; display: block; } #content .questionList { margin: 0; padding: 0; list-style: none outside; } #content .questionList li { margin: 0; padding: 0; } #content .questionList .question { margin: 0 0 5px; border: 1px solid; padding: 0; display: block; } #content .questionList .bullet { margin: 0 10px 0 0; width: 30px; height: 30px; float: left; display: block; } #content .questionList .answer { margin: 0 0 20px; padding: 0 0 0 40px; } .hasJS #content .questionList .answer { display: none; } #login fieldset { margin: 0; border: 0 none; padding: 0; } #login legend { display: none; } #login ol { margin: 0; padding: 0; list-style: none outside; } #login li { margin: 0 0 5px; padding: 0; width: 491px; } #login li.mainElement { border: 1px solid; padding: 0; width: 489px; } #login .mainElement label { border-right: 1px solid; padding: 8px; width: 98px; float: left; } #login .mainElement input { margin: 8px; border: 0 none; border-bottom: 1px solid; padding: 0; width: 358px; } #login #submitLogin { margin: 0; border: 1px solid; padding: 8px; width: 116px; height: 31px; cursor: pointer; } #content dl { margin: 1em 0; padding: 0 0 0 150px; width: 350px; overflow: auto; } .mijnWGH #content dl { width: auto; } #content dl dt { margin: 0 0 0 -150px; padding: 0; width: 150px; float: left; clear: left; } #content dl dd { margin: 0; padding: 0 0 0 5px; } #content .waardering table { width: 400px; } #content .onderdeel { padding-top: 15px; font-weight: bold; } #searchForm { width: 161px; height: 22px; position: relative; } #searchForm fieldset { margin: 0; border: 0; padding: 0; } #searchForm legend { display: none; } #searchForm label { position: absolute; top: 24px; left: 30px; width: 320px; z-index: 10; } .hasJS #searchForm label { top: 4px; left: 30px; } #searchQuery { margin: 0; border: 1px solid; padding: 2px; width: 320px; height: 16px; position: absolute; top: 0; left: 27px; } #submitSearch { margin: 0; border: 1px solid; padding: 0; width: 27px; height: 22px; position: absolute; top: 0; left: 1px; cursor: pointer; } #woningNet { margin: 0; border: 0 none; padding: 0; width: 710px; height: 600px; } #newsBoxes { margin: 0; padding: 0; width: 495px; list-style: none outside; position: absolute; bottom: 22px; right: 22px; overflow: hidden; } #newsBoxes li { margin: 0 9px 0 0; border: 1px solid; padding: 0 7px 20px; width: 140px; float: left; } #newsBoxes h3 { margin: 20px 0 0; } #footer { border-bottom: 2px solid; padding: 48px 20px 16px; position: relative; } #footer p { margin: 0; padding: 0; } #footer p a { margin-left: 30px; } #logo { margin: 0; padding: 0; width: 226px; height: 40px; position: absolute; top: 20px; right: 20px; } #logo a { width: 226px; height: 40px; overflow: hidden; display: block; } /********************/ /* color and images */ /********************/ body { color: #193E75; } body.mijnWGH { color: #1A679B; } /* 2484C6 */ #header { border-color: #193E75; } #header.mijnWGH { border-color: #E13A3E; } #crumbPath a { color: #193E75; } #crumbPath a.selected { color: #E13A3E; } #quickSearchForm label { color: #8EA9D7; } #quickSearchString { border-color: #2484C6; color: #2484C6; } #submitQuickSearch { border-color: #2484C6; background: white url('/img/topIcons.png') no-repeat 4px -1px; } #quickLinks li a { border-color: #2484C6; } #printIcon a { background: white url('/img/topIcons.png') no-repeat -20px 0; } #printIcon a:hover { background: white url('/img/topIcons.png') no-repeat -76px 0; } #contactIcon a { background: white url('/img/topIcons.png') no-repeat -46px 1px; } #contactIcon a:hover { border-color: #E13A3E; background: white url('/img/topIcons.png') no-repeat -109px 0; } #homeIcon a { color: white; background: #2484C6; } #loginIcon a { color: #2484C6; } #loginIcon a:hover { color: white; background: #2484C6; } #menu li { border-color: #193E75; } #menu li a { color: #193E75; } #menu ul a { border-color: #E13A3E; background: white; color: #E13A3E; } #menu ul a:hover { border-color: #E13A3E; background: #E13A3E; color: white; } #menu li:hover > a { border-color: #E13A3E; background: #E13A3E; color: white; } #menu li.bottom:hover a { border-color: #E13A3E; } #menu li.top a { background: #2484C6; color: white; } #menu #page10717787 a { background: #E13A3E; color: white; } #menu #page10719317 a { background: #2484C6; color: white; } #menu ul li.top a { border-color: #E13A3E; background: white; color: #E13A3E; } #menu ul #page10717787 a { border-color: #E13A3E; background: white; color: #E13A3E; } #menu ul #page10719317 a { border-color: #E13A3E; background: white; color: #E13A3E; } #menu ul li.top a:hover { border-color: #E13A3E; background: #E13A3E; color: white; } #menu ul #page10717787 a:hover { border-color: #E13A3E; background: #E13A3E; color: white; } #menu ul #page10719317 a:hover { border-color: #E13A3E; background: #E13A3E; color: white; } #menu li.selected { background: #E13A3E; } #menu li.selected a { border-color: #E13A3E; background: #E13A3E; color: white; } #menu li.selected ul a { border-color: #E13A3E; background: white; color: #E13A3E; } #menu li.selected ul a:hover { border-color: #E13A3E; background: #E13A3E; color: white; } #menu li.selected ul li.selected a { border-color: #E13A3E; background: #E13A3E; color: white; } #menu li.selected li.selected ul a { border-color: #E13A3E; background: white; color: #E13A3E; } #menu li.selected li.selected ul a:hover { border-color: #E13A3E; background: #E13A3E; color: white; } #menu li.selected li.selected ul li.selected a { border-color: #E13A3E; background: #E13A3E; color: white; } #menu li.selected:hover { background: #E13A3E none no-repeat right top; } #menu li.top:hover { background: #2484C6; color: white; } #menu #page10717787:hover { background: #2484C6; color: white; } #menu #page10719317:hover { background: #2484C6; color: white; } #menu #page10717787.selected { background: #E13A3E; color: white; } #menu #page10719317.selected { background: #2484C6; color: white; } #mijnWghPersonalInfo { color: #E13A3E; } #navigationColumn { border-color: #193E75; } #subMenu a { color: #193E75; } #columnContainer #subMenu ul a:hover { color: #193E75; background: transparent none; } #columnContainer #subMenu li.selected ul a { color: #193E75; background: transparent none; } #columnContainer #subMenu li.selected li.selected a { color: #193E75; background: transparent none; } /* #navigationColumn #subMenu li.selected { border: 1px solid; } */ /* hover over menu icons */ #page10702162:hover { background: url('/img/menuSprite.png') no-repeat right 0; } #page10702167:hover { background: url('/img/menuSprite.png') no-repeat right -35px; } #page10702170:hover { background: url('/img/menuSprite.png') no-repeat right -70px; } #page10702173:hover { background: url('/img/menuSprite.png') no-repeat right -105px; } #page10705363:hover { background: url('/img/menuSprite.png') no-repeat right -140px; } /* hover over submenu icons */ .page10717787 #subMenu a:hover { border-color: #193E75; background: white; } /* mijn WGH */ .page10702162 #subMenu a:hover { border-color: #193E75; background: white url('/img/subMenuSprite.png') no-repeat 178px -3px; } /* actueel */ .page10702167 #subMenu a:hover { border-color: #193E75; background: white url('/img/subMenuSprite.png') no-repeat 178px -72px; } /* huur */ .page10702170 #subMenu a:hover { border-color: #193E75; background: white url('/img/subMenuSprite.png') no-repeat 178px -142px; } /* zoek */ .page10702173 #subMenu a:hover { border-color: #193E75; background: white url('/img/subMenuSprite.png') no-repeat 178px -212px; } /* projecten */ .page10705363 #subMenu a:hover { border-color: #193E75; background: white url('/img/subMenuSprite.png') no-repeat 178px -283px; } /* over wgh */ /* selected submenu icons */ .page10717787 #subMenu li.selected a { color: white; background: #193E75; } /* mijn WGH */ .page10702162 #subMenu li.selected a { color: white; background: #193E75 url('/img/subMenuSprite.png') no-repeat 178px -37px; } /* actueel */ .page10702167 #subMenu li.selected a { color: white; background: #193E75 url('/img/subMenuSprite.png') no-repeat 178px -105px; } /* huur */ .page10702170 #subMenu li.selected a { color: white; background: #193E75 url('/img/subMenuSprite.png') no-repeat 178px -177px; } /* zoek */ .page10702173 #subMenu li.selected a { color: white; background: #193E75 url('/img/subMenuSprite.png') no-repeat 178px -247px; } /* projecten */ .page10705363 #subMenu li.selected a { color: white; background: #193E75 url('/img/subMenuSprite.png') no-repeat 178px -317px; } /* over wgh */ #navigationColumn .box { color: white; } #navigationColumn .geel { background: #FFA721; } #navigationColumn .groen { background: #00A78F; } #navigationColumn .paars { background: #A23F97; } #navigationColumn .lichtblauw { background: #0085CA; } #navigationColumn .donkerblauw { background: #00387B; } #navigationColumn .rood { background: #FF373C; } #navigationColumn .box a { color: white; } #navigationColumn #quickNav { background: white; } #navigationColumn #quickNav h3, #navigationColumn #quickNav ul, #navigationColumn #quickNav a { border-color: #E13A3E; color: #E13A3E; } #navigationColumn #quickNav a:hover { color: white; background-color: #E13A3E; } #navigationColumn #quickNav1 { background: url('/img/quickLinkIcons.png') no-repeat 0 0; } #navigationColumn #quickNav2 { background: url('/img/quickLinkIcons.png') no-repeat 0 -34px; } #navigationColumn #quickNav3 { background: url('/img/quickLinkIcons.png') no-repeat 0 -68px; } #navigationColumn #quickNav4 { background: url('/img/quickLinkIcons.png') no-repeat 0 -102px; } #navigationColumn #quickNav5 { background: url('/img/quickLinkIcons.png') no-repeat 0 -136px; } #navigationColumn #quickNav6 { background: url('/img/quickLinkIcons.png') no-repeat 0 -170px; } #contentColumn { border-color: #193E75; } #content { background: white; } #content a { color: #193E75; } .mijnWGH #content a { color: #1A679B; } #faqCategories a:hover { background: #193E75; color: white; } #content .questionList .bullet { background: #193E75; color: white; } #searchForm label { color: #8EA9D7; } #login input { color: #1A679B; border-color: #1A679B; background: white; } #searchQuery { border-color: #1A679B; color: #1A679B; } #submitSearch { border-color: #1A679B; background: white url('/img/topIcons.png') no-repeat 4px -1px; } #newsBoxes li { border-color: #E13A3E; color: #E13A3E; background: white url('/img/boxCorner.png') no-repeat left top; } #newsBoxes li a { color: #E13A3E; } #footer { border-color: #193E75; background: url('/img/colourBar.png') no-repeat center top; } #footer p { color: #6D6F71; } #footer a { color: #6D6F71; } #logo { background: url('/img/wghLogo.png') no-repeat left top; } /*****************/ /* text and type */ /*****************/ body { font-size: 12px; font-family: arial, verdana, helvetica, sans-serif; } h1 { font-size: 38px; font-weight: bold; } h2 { font-size: 1.5em; font-weight: bold; } h3 { font-size: 18px; font-weight: bold; } h4 { font-size: 1em; font-weight: bold; } h5 { font-size: 0.83em; font-weight: bold; } h6 { font-size: 0.67em; font-weight: bold; } a { text-decoration: none; } a:hover { text-decoration: underline; } #crumbPath { font-size: 9px; text-transform: uppercase; } #quickSearchForm label { font-size: 9px; text-align: center; } #printIcon a, #contactIcon a { text-indent: -999em; } #loginIcon a { text-align: center; text-decoration: none; line-height: 20px; } #homeIcon a { text-transform: uppercase; font-size: 11px; text-align: center; font-family: 'arial black', arial, verdana, sans-serif; line-height: 20px; text-decoration: none; } #menu li a { text-transform: uppercase; font-size: 11px; font-weight: bold; text-align: center; line-height: 29px; letter-spacing: 1px; text-decoration: none; } #menu ul a { text-align: left; } #mijnWghPersonalInfo strong { text-transform: uppercase; font-weight: bold; } #subMenu a { font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; line-height: 30px; } #subMenu ul a { text-transform: none; } #subMenu ul a:hover { text-decoration: underline; } #subMenu ul li.selected a { text-decoration: underline; } #navigationColumn .box { font-size: 12px; } #navigationColumn .box a { text-decoration: underline; } #navigationColumn #quickNav h3 { font-size: 15px; line-height: 30px; text-transform: uppercase; } #navigationColumn #quickNav a { text-transform: uppercase; line-height: 32px; text-decoration: none; font-weight: bold; } #content a { text-decoration: underline; } #content a:hover { text-decoration: none; } #faqCategories li { text-transform: uppercase; letter-spacing: 2px; line-height: 30px; } #faqCategories a { text-decoration: none; } #content .questionList .question { font-weight: bold; line-height: 30px; text-decoration: none; } #content .questionList .bullet { text-align: center; } #searchForm label { font-size: 9px; text-align: center; } #login .mainElement label { text-transform: uppercase; font-size: 10px; line-height: 17px; } #login #submitLogin { text-transform: uppercase; text-align: left; font-size: 10px; } #newsOverview .newsDate { font-size: 12px; font-weight: bold; font-family: 'arial black', arial, verdana, sans-serif; } #newsOverview .newsTitle { font-size: 12px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; } #newsOverview .newsLink { font-size: 12px; text-transform: uppercase; } #newsBoxes li { font-size: 10px; font-weight: bold; } #footer p { font-size: 10px; } #footer a { text-decoration: underline; } #logo a { text-indent: -999em; } #mijnwgh_columnLeft { width: 350px; float: left; } #mijnwgh_columnRight { width: 350px; float: right; } #mijnwgh_columnCenter { width: 700px; clear: both; } #mijnwgh_columnLeft dt, #mijnwgh_columnRight dt, #mijnwgh_columnCenter dt { width: 100px; float: left; line-height: 18px; } #mijnwgh_columnLeft dd, #mijnwgh_columnRight dd, #mijnwgh_columnCenter dd { line-height: 18px; } #mijnwgh_columnLeft th, #mijnwgh_columnRight th, #mijnwgh_columnCenter th { text-align: left; text-transform: uppercase; font-weight: bold; } #mijnwgh_columnLeft .edit a, #mijnwgh_columnRight .edit a, #mijnwgh_columnCenter .edit a { padding: 0px 3px 0px 3px; width: 75px; font-size: 10px; background-color: #FF0000; color: #FFFFFF; } #mijnwgh_columnLeft h3, #mijnwgh_columnRight h3, #mijnwgh_columnCenter h3 { margin: 1em 0 0 0; } #mijnwgh_columnLeft .tdSmall, #mijnwgh_columnRight .tdSmall, #mijnwgh_columnCenter .tdSmall { width: 150px; } #mijnwgh_columnLeft .tdMedium, #mijnwgh_columnRight .tdMedium, #mijnwgh_columnCenter .tdMedium { width: 300px; } #mijnwgh_columnLeft .tdLarge, #mijnwgh_columnRight .tdLarge, #mijnwgh_columnCenter .tdLarge { width: 450px; } #mijnwgh_columnLeft .onderdeel, #mijnwgh_columnRight .onderdeel, #mijnwgh_columnCenter .onderdeel { font-weight: bold; text-transform: uppercase; }