/* Copyright TvTWeb - www.tvtweb.nl */ @import url("pagination.css"); /*=== HTML Elements =====================================================================================================================================================*/ body {text-align:center; font-family:Arial; color:#000000; font-size:12px;margin:0px; padding:0px; background-color:#2e9581;} html {width:100%;} h1 {padding:5px 0px 12px 0px; text-align:left; margin:0px; color:#2f9783; font-size:23px; line-height:20px; font-family: 'NewCenturySchlbkLTStd', 'Times New Roman'; src: url('../Fonts/NewCenturySchlbkLTStd-Bd.otf');} h2 {padding:0px 0px 0px 0px; color:#ffffff; margin:0px 0px 16px 0px; font-size:20px; line-height:30px; font-family: 'NewCenturySchlbkLTStd', 'Times New Roman'; src: url('../Fonts/NewCenturySchlbkLTStd-Bd.otf');} h3 {font-size:17px; color:#000000; padding:6px 0px 7px 0px; margin:0px; line-height:16px; font-weight:bold; text-align:left;} /*=== TvTWeb FrameWork Parts ==============================================================================================================================================*/ /* partContentText */ div.partContentText {font-size:12px; line-height:20px;} div.partContentText p {padding:0px 0px 15px 0px; margin:0px; color:#333333;} div.partContentText p a {color: #2f9783;cursor:pointer;text-decoration:underline;} div.partContentText p a:link {color: #333333; text-decoration:none;} div.partContentText p a:visited {color: #333333; text-decoration:none;} div.partContentText p a:active {color: #333333; text-decoration:none;} div.partContentText p a:hover {color: #2f9783; text-decoration:none;} div.partContentText ul {padding:0px 0px 15px 0px;margin:0px 0px 0px 15px;list-style-type:disc;} div.partContentText ul li {} div.partContentText ol {padding:0px 0px 15px 0px;margin:0px 0px 0px 25px;list-style-type:decimal;} div.partContentText ol li {} /* partContentFileImageGallery */ div.partContentFileImageGallery {padding:0px 0px 0px 0px; margin:0px;} div.partContentFileImageGallery a.thickbox {width:104px; height:79px; float:left; display:block; padding:10px 10px 0px 0px;} div.partContentFileImageGallery a.thickbox img {border:solid 1px #000000;} div.partContentFileImageGallery a:hover.thickbox img {border:solid 1px red;} div.partContentFileImageGallery div.partContentFileImageGalleryFooter{clear:both; height:5px;} /* partContentFileImageAdmin */ div.partContentFileImageAdmin {padding:0px 0px 5px 0px; margin:0px; } div.partContentFileImageAdmin img {border:solid 0px #000000;} /* partFooter */ div#partFooter {width:940px; margin:0px auto; padding:10px 0px 10px 0px; line-height:19px;} div#partFooter ul {padding:0px; margin:0px; list-style-type:none; text-align:left;} div#partFooter ul li {color:red; display:inline; border-left: solid 1px #000000; padding:0px 6px 0px 10px; /* Needs more padding on the right regarding display:inline*/} div#partFooter ul li#partFooterCopyright {border-left:none;} div#partFooter ul li a:link {color:red; text-decoration:none;} div#partFooter ul li a:visited {color:red; text-decoration:none;} div#partFooter ul li a:active {color:red; text-decoration:none;} div#partFooter ul li a:hover {color:#000000; text-decoration:none;} /*=== Website coding =====================================================================================================================================================*/ div#bodybackground {background:#ffffff; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); /* for IE */background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); /* for webkit browsers */background: -moz-linear-gradient(top, #ffffff, #dddddd); /* for firefox 3.6+ */} div#bodyContainer {width:974px; margin:0px auto; text-align:left;} div#bodybackgroundFooter {line-height:0px; height:10px; clear:both;} /*========================================= Top ==========================================================================================================================*/ div#topContainer {height:410px; padding:0px; padding:0px 14px 0px 14px;} /* Logo Container */ div#logoContainer {height:100px; padding:0px; } div.topleftcontainer {width:400px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:11px;} a.topleftTerms {height:12px; width:150px; color:#969696; border-right: solid 2px #ededed; margin:0px 0px 0px 0px; padding:8px 8px 0px 0px; display:block; float:left; text-align:right; text-decoration:none;} a.topleftSitemap {height:12px; width:92px; color:#969696; border-right: solid 2px #ededed; margin:0px 0px 0px 0px; padding:8px 8px 0px 0px; display:block; float:left; text-align:right; text-decoration:none;} a.topleftDisclaimer {height:12px; width:102px; color:#969696; border-right: solid 2px #ededed; margin:0px 0px 0px 0px; padding:8px 8px 0px 0px; display:block; float:left; text-align:right; text-decoration:none;} a.topleftSitemap:hover {color:#727272; border-right: solid 2px #b5b5b5;} a.topleftDisclaimer:hover {color:#727272; border-right: solid 2px #b5b5b5;} a.topleftTerms:hover {color:#727272; border-right: solid 2px #b5b5b5;} a#logo {width:147px; height:67px; padding:16px 14px 16px 0px; float:right; background:url(../images/style/logoBmak.png) no-repeat center center;} /* Header & Navigation Container */ div#headerConainer {height:300px;} div#navigationContainer {margin: 0px;padding: 0px; width:940px; height:30px; background:#000000;} div#languageContainer {float:right; padding:1px 10px 0px 0px;} div#languageContainer a {color:#ffffff; text-decoration:none; font-size:11px; line-height:30px;} div#languageContainer span {color:#ffffff; text-decoration:none; font-size:11px; line-height:30px;} div#languageContainer a#selected {color:#2f9783;} div#leftCornerAbsolute {position:absolute; width:10px; height:10px; z-index:2; background:url(../images/style/leftCornerAbsolute.png) no-repeat 0px 0px;} div#rightCornerAbsolute {position:absolute; width:10px; height:10px; z-index:2; margin:0px 0px 0px 932px; background:url(../images/style/rightCornerAbsolute.png) no-repeat 0px 0px;} div#header {height:270px; background:url(../images/style/header.png) no-repeat 0px 0px;} /*========================================= Content =======================================================================================================================*/ div#contentContainer {width:940px; margin:0px auto; padding:0px 14px 0px 14px; background:url(../images/style/dotWhiteVertical.png) repeat-y 595px 0px;} /* ===================================== General Content ===================================== */ div#contentLeft {width:580px; float:left; padding:0px 20px 0px 0px;} /* General Container */ div.contentLeftMiniContainer {width:570px; background:url(../images/style/dotWhiteHorizontal.png) repeat-x bottom ; padding:0px 0px 20px 0px; margin:0px 0px 10px;} div.contentLeftMiniContainer h1 {font-family:Arial; color:#000000; line-height:25px; font-size:22px; font-weight:normal; padding:10px 0px 0px 0px; margin:0px; float:left; width:470px;} div.contentLeftMiniContainer span.date {color:#505050; font-size:12px; padding:0px 0px 0px 0px; margin:0px; float:right; display:block; text-align:right; width:100px;} div.contentLeftMiniContainer div.titleClear {clear:both; height:13px;} div.contentLeftMiniContainerDiensten {width:570px; background:url(../images/style/dotWhiteHorizontal.png) repeat-x bottom ; padding:0px 0px 20px 0px; margin:0px 0px 10px;} div.contentLeftMiniContainerDiensten h1 {padding:5px 0px 12px 0px; text-align:left; margin:0px; color:#2f9783; font-size:23px; line-height:20px; font-family: 'NewCenturySchlbkLTStd', 'Times New Roman'; src: url('../Fonts/NewCenturySchlbkLTStd-Bd.otf');} div.contentLeftMiniContainerOverBmak {width:570px; background:url(../images/style/dotWhiteHorizontal.png) repeat-x bottom ; padding:0px 0px 8px 0px; margin:0px 0px 10px;} div.contentLeftMiniContainerOverBmak h1 {padding:5px 0px 12px 0px; text-align:left; margin:0px; color:#2f9783; font-size:23px; line-height:20px; font-family: 'NewCenturySchlbkLTStd', 'Times New Roman'; src: url('../Fonts/NewCenturySchlbkLTStd-Bd.otf');} div.contentLeftMiniContainerOverBmak p {padding:0px; margin:0px; line-height:20px; } div.contentLeftMiniContainerOverBmak div.partContentFileImageAdmin {padding:0px 20px 0px 0px; margin:0px; float:left;} div.contentLeftMiniContainerOverBmak div.medewerkerText {padding:0px; margin:0px; float:left;} div.contentLeftMiniContainerOverBmak div.medewerkerText b {padding:0px; margin:0px; font-size:14px;} div.contentLeftMiniContainerOverBmak div.medewerkerText strong {padding:0px; margin:0px; font-size:14px;} div.contentLeftMiniContainerOverBmak div.medewerkerFooter {clear:both; height:1px;} div.contentLeftMiniContainerWoordenboek {width:570px; background:url(../images/style/dotWhiteHorizontal.png) repeat-x bottom ; padding:3px 0px 15px 0px; margin:0px 0px 10px;} div.contentLeftMiniContainerWoordenboek h2 {color:#000000; font-size:14px; padding:0px; margin:0px; line-height:20px; font-family:Arial;} /* News Item */ div.contentLeftMiniContainer a.readMore {text-align:left; color:#505050; padding:0px 0px 0px 15px; text-transform:uppercase; margin:6px 0px 0px 0px; display:block; width:84px; background:url(../images/style/triangleGreenReadMore.png) no-repeat 2px 3px; text-decoration:none; font-weight:bold; font-size:11px;} div.contentLeftMiniContainer a.readMore:hover {text-decoration:underline; color:#2f9783;} /* Contact */ div#contentContact {width:220px; float:left; min-height:493px; padding:0px 20px 0px 0px; background:url(../images/style/dotWhiteVertical.png) repeat-y right;} div#contentContact b {padding:0px; margin:0px; font-size:14px;} div#contentContact strong {padding:0px; margin:0px; font-size:14px;} div#contentRoutebeschrijving {width:340px; float:left;} div#contentRoutebeschrijving h1 {padding-top:0px;} /* ===================================== HOME ===================================== */ /* home */ div#contentHomeTop {width:974px; margin-top:20px;} div#realEstateContainer {width:974px; padding:0px 0px 0px 0px;} div#realEstateContainer h2 {margin:0px; padding:0px; font-family:Arial; font-size:17px; font-weight:bold;} div#realEstateContainer span {margin:0px; padding:0px; font-family:Arial; color:#ffffff;} div#realEstateContainer span a:link {color: #ffffff; text-decoration:none;} div#realEstateContainer span a:visited {color: #ffffff; text-decoration:none;} div#realEstateContainer span a:active {color: #ffffff; text-decoration:none;} div#realEstateContainer span a:hover {color: #ffffff; text-decoration:none;} div#aanbodContainer {width:573px; height:298px; background:url(../images/style/aanbodContainer.png) no-repeat; float:left; padding:5px 0px 10px 10px;} div.aanbodCategory {height:124px; width:133px; background-color:Black; text-align:center; float:left; margin:0px 10px 10px 0px;} div.aanbodCategory:hover {background-color:#006457;} div.aanbodCategory span {font-size:12px; display:block; width:133px; height:22px;} div.aanbodCategory div.partContentFileImageAdmin {padding:0px 0px 2px 0px; margin:0px; } div.aanbodCategory div.partContentFileImageAdmin img {border:none;} div.aanbodCategory a:link {color:#ffffff; text-decoration:none;} div.aanbodCategory a:visited {color:#ffffff; text-decoration:none;} div.aanbodCategory a:active {color:#ffffff; text-decoration:none;} div#variousAanbod {width:320px; height:288px; background:url(../images/style/variousAanbodBackground.png) no-repeat; float:right; margin-right:34px; padding:5px 10px 10px 10px;} div#variousAanbod div.partContentFileImageAdmin {padding:0px 0px 2px 0px; margin:0px; } div#variousAanbod div.partContentFileImageAdmin img {border:solid 1px #000000;} div#variousAanbod span {font-size:12px; font-weight:bold; text-transform:uppercase;} div.footerClear {height:10px; clear:both;} /* DELETE THIS div.realEstate {width:301px; padding:20px 0px 0px 15px; height:300px; float:left; background:url(../images/style/premesisContainer.png) no-repeat top;} div.realEstate h2 {line-height:33px; font-size:14px; color:#ffffff; font-weight:bold; font-family:Arial; padding:0px 0px 0px 0px; margin:0px; text-transform:uppercase;} div.realEstate a.name {line-height:20px; font-size:13px; color:#ffffff; font-weight:bold; font-family:Arial; padding:0px; margin:10px 0px 0px 0px; text-transform:uppercase;text-decoration:none;width:250px;display:block;} */ /* ===================================== AANBOD ===================================== */ /* aanbod */ div#leftMenuContainer {width:160px; float:left; padding:30px 0px 0px 0px;} div#leftMenuContainer div#leftMenu {padding:0px 0px 20px 0px;} div#leftMenuContainer div#leftMenu ul {padding:0px; margin:0px; list-style-type:none; text-align:right;} div#leftMenuContainer div#leftMenu ul li {line-height:27px; border-bottom:solid 2px #7a7a7a; padding:0px 0px 1px 0px;} div#leftMenuContainer div#leftMenu ul li a {text-decoration:none; color:#505050; padding:0px 20px 0px 0px; background:url(../images/style/triangleBlackContentLeftMenu.png) no-repeat right 2px;} div#leftMenuContainer div#leftMenu ul li a:hover, div#leftMenuContainer div#leftMenu ul li.selected a{text-decoration:none; color:#009682; background:url(../images/style/triangleGreenContentLeftMenu.png) no-repeat right 2px; font-weight:bold;} /* Toon objecten - Filter */ div#leftMenuContainer div#leftFilterList {margin:0px 0px 20px 0px;} div#leftMenuContainer div#leftFilterList h2 {padding:0px 0px 5px 0px; margin:0px; color:#2f9783; font-size:14px; font-family:Arial; line-height:10px;} div#leftMenuContainer div#leftFilterList ul {padding:6px 0px 0px 0px; margin:0px;} div#leftMenuContainer div#leftFilterList ul li {list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 7px 0px;} div#leftMenuContainer div#leftFilterList ul li a {text-decoration:none; color:#000000; padding:1px 0px 1px 20px; margin:0px; text-align:left; background:url(../images/style/backgroundFilterObjects.png) no-repeat 0px 0px;} div#leftMenuContainer div#leftFilterList ul li a:hover {background:url(../images/style/backgroundFilterObjectsTrue.png) no-repeat 0px 0px;} div#leftMenuContainer div#leftFilterList ul li.selected a {background:url(../images/style/backgroundFilterObjectsTrue.png) no-repeat 0px 0px;} /* Right Content */ div#rightRealEstateContainer {float:left; width:777px; padding:0px 0px 0px 0px;} div#rightRealEstateContainerTop {height:50px; } div#rightRealEstateContainerTop h1 {padding:22px 0px 0px 20px; float:left;} div#rightRealEstateContainerTop h1:first-letter {text-transform:uppercase;} div#rightRealEstateContainer div#titlePaginationContainer {float:right; padding:7px 0px 0px 0px;} div#rightRealEstateContainer div#titlePaginationContainer span#totalObjectsTitle {text-align:right; color:#505050; font-family:Arial; font-size:14px; padding:0px 0px 0px 0px; margin:0px; text-transform:uppercase; font-weight:bold;} /* Real estate objects */ div.rightContentContainer {width:757px; padding:0px 0px 0px 20px;} div.rightContentContainer span {float:right; padding:5px 8px 0px 0px; color:#ffffff;} /* buildingContainer */ div.buildingContainer {padding:0px 0px 0px 0px;} div.buildingContainer div.partContentText a.readMore:link {color: #2f9783; text-decoration:underline;} div.buildingContainer div.partContentText a.readMore:visited {color: #2f9783; text-decoration:underline;} div.buildingContainer div.partContentText a.readMore:active {color: #2f9783; text-decoration:underline;} div.buildingContainer div.partContentText a.readMore:hover {color: #000000; text-decoration:underline;} a#aYoutube {background:url(../images/style/youtube-video-knop.jpg) no-repeat;display:block;height:40px;width:240px;float:left;margin-left:5px;margin-bottom:10px;} div.buildingContainer h3.descriptionTitle {padding:15px 0px 10px 0px; margin:0px; font-size:15px; color:#009682; background:url(../images/style/dotWhiteHorizontal.png) repeat-x top;} div.buildingContainer h3 {padding:15px 0px 10px 0px; margin:0px; font-size:15px; color:#009682; background:url(../images/style/dotWhiteHorizontal.png) repeat-x top;} div.buildingTopNavigationContainer {height:25px; margin:0px 0px 15px 0px; background:#009682 url(../images/style/triangleGreenRightMenu.png) no-repeat top right;} /* Corner */ div.buildingTopNavigationAbsoluteImage {position:absolute; width:10px; height:10px; z-index:2; background:url(../images/style/leftCornerAbsoluteSmall.png) no-repeat 0px 0px;} /* Navigation */ div.buildingTopNavigation {} div.buildingTopNavigation ul {margin:0px; padding:0px 0px 0px 0px;} div.buildingTopNavigation ul li {border-right:solid 2px #7a7a7a; float:left; list-style-type:none; margin:0px;} div.buildingTopNavigation ul li {color:#ffffff; display:block; text-decoration:none; padding:0px 10px 0px 10px; line-height:25px; height:25px;cursor:pointer;} div.buildingTopNavigation ul li.selected, div.buildingTopNavigation ul li:hover {background:#000000;} div.buildingTopNavigation ul li span {position:absolute; width:16px; height:8px; margin:0px 0px 0px 50px; padding:0px 0px 0px 0px; background:url(../images/style/triangleBlackDown.png) no-repeat right bottom;} /* table informatie */ div.buildingInformationBlock table.info {float:left; width:237px; margin:0px 10px 0px 0px; padding:0px;} div.buildingInformationBlock table.info tr {line-height:21px;} div.buildingInformationBlock table.info tr td {} div.buildingInformationBlock table.info tr td.right {text-align:right;} /* table soorgelijke objecten */ div.buildingInformationBlock table.similar {float:left; width:507px; margin:0px 0px 0px 0px; padding:0px 0px 15px 0px;} div.buildingInformationBlock table.similar tr {line-height:21px;} div.buildingInformationBlock table.similar tr:hover {color:#009682; cursor:pointer;} div.buildingInformationBlock table.similar tr td {border-bottom:1px dashed #cccccc;} /* regular text */ div.buildingInformationBlock {width:507px; padding:0px 0px 8px 0px; float:left;} div.buildingInformationBlock h2 {padding:0px 0px 19px 0px; display:block; margin:0px; color:#323232; font-size:16px; font-family:Arial; line-height:16px;} /* We gaan er vanuit dat er maximaal 1 partContentText wordt aangemaakt! */ div.buildingInformationTextBlock div.definitionReadMore {width:507px; height:29px; float:left; background:url(../images/style/dotWhiteHorizontal.png) repeat-x top;} div.buildingInformationTextBlock div.definitionReadMore a.readMoreText {font-weight:bold; float:left; display:block; width:100px; color:#009682; font-size:10px; line-height:15px; padding:8px 0px 0px 0px; margin:0px 0px 0px 0px; text-decoration:none; text-transform:uppercase;} div.buildingInformationTextBlock div.definitionReadMore a.definitionReadMoreButton {width:15px; height:15px; padding:12px 0px 0px 0px; float:right; background:url(../images/style/ReadMoreButton.png) no-repeat center;} /* PDF Documents */ div.informationBrochureBlock {width:260px; float:left; margin:0px 0px 0px 0px; padding:3px 0px 0px 0px;} div.informationBrochureBlock ul {padding:0px 0px 0px 0px; margin:0px; list-style-type:none;} div.informationBrochureBlock ul li {margin:0px 0px 5px 0px; padding:0px; background-color:#d2d2d2;} div.informationBrochureBlock ul li a {margin:0px; display:inline-block; padding:5px; width:260px;} div.informationBrochureBlock ul li a:hover {background-color:#009682;} div.informationBrochureBlock ul li a:link {color: #009682; text-decoration:none;} div.informationBrochureBlock ul li a:visited {color: #009682; text-decoration:none;} div.informationBrochureBlock ul li a:active {color: #009682; text-decoration:none;} div.informationBrochureBlock ul li a:hover {color: #ffffff; text-decoration:none;} h3.brochure {float:left; height:13px; width:260px; padding:0px 0px 0px 0px; display:block; margin:0px; color:#323232; background:none; font-size:12px; font-family:Arial; line-height:13px;} /* Carousel */ div.buildingCarouselContainer {width:240px; height:200px; float:left; background:#009682; margin:0px 0px 10px 5px;} div.buildingImagesYouTubeGoogleMap {width:245px; float:left; margin:0px 0px 0px 5px;} div.buildingImagesYouTubeGoogleMap div.partContentFileImageGallery {padding:0px 0px 0px 0px; margin:0px;} div.buildingImagesYouTubeGoogleMap div.partContentFileImageGallery a.thickbox {width:117px; height:88px; display:block; padding:0px 0px 5px 5px; float:left;} div.buildingImagesYouTubeGoogleMap div.partContentFileImageGallery a.thickbox img {border:solid 1px #d2d2d2;} div.buildingImagesYouTubeGoogleMap div.partContentFileImageGallery a:hover.thickbox img {border:solid 1px #d2d2d2;} div.buildingImagesYouTubeGoogleMap div.partContentFileImageGallery div.partContentFileImageGalleryFooter{clear:both; height:5px;} div.buildingImagesYouTubeGoogleMap div.youTube {padding:5px 0px 0px 5px;} div.buildingImagesYouTubeGoogleMap div.googleMaps {padding:13px 0px 0px 5px;} /* Image Overlay, Aanbod */ div.buildingCarouselContainer div.buildingImageOverlayVerhuur {background:url(../images/style/buildingImageOverlayVerhuur.png) no-repeat right; height:87px; width:90px; position:absolute; z-index:50; padding:0px; margin-left:150px;} div.buildingCarouselContainer div.buildingImageOverlayInOptie {background:url(../images/style/buildingImageOverlayInOptie.png) no-repeat right; height:87px; width:90px; position:absolute; z-index:50; padding:0px; margin-left:150px;} div.buildingCarouselContainer div.buildingImageOverlayVerkocht {background:url(../images/style/buildingImageOverlayVerkocht.png) no-repeat right; height:87px; width:90px; position:absolute; z-index:50; padding:0px; margin-left:150px;} div.buildingCarouselContainer div.buildingImageOverlayNew {background:url(../images/style/buildingImageOverlayNew.png) no-repeat right; height:87px; width:90px; position:absolute; z-index:50; padding:0px; margin-left:150px;} div#variousAanbod div.buildingImageOverlayVerhuur {background:url(../images/style/buildingImageOverlayVerhuur.png) no-repeat right; height:87px; width:90px; position:absolute; z-index:50;margin-left:228px;margin-top:1px;} div#variousAanbod div.buildingImageOverlayInOptie {background:url(../images/style/buildingImageOverlayInOptie.png) no-repeat right; height:87px; width:90px; position:absolute; z-index:50;margin-left:228px;margin-top:1px;} div#variousAanbod div.buildingImageOverlayVerkocht {background:url(../images/style/buildingImageOverlayVerkocht.png) no-repeat right; height:87px; width:90px; position:absolute; z-index:50;margin-left:228px;margin-top:1px;} div#variousAanbod div.buildingImageOverlayNew {background:url(../images/style/buildingImageOverlayNew.png) no-repeat right; height:87px; width:90px; position:absolute; z-index:50;margin-left:228px;margin-top:1px;} /* Footer */ div.buildingContainerFooter {clear:both; height:15px; } /* ===== Content Right ===== */ div#contentRight {width:340px; float:left; padding:0px 0px 0px 0px;} div#contentRight p {color:#ffffff; padding:0px; margin:0px; font-size:12px; line-height:15px;} div#contentRight span.earlier {color:#ffffff; padding:6px 0px 0px 0px; display:block; margin:0px; text-transform:uppercase; line-height:13px; font-size:13px; font-weight:bold; background:url(../images/style/triangleGreenDown.png) no-repeat 300px 8px;} div#contentRight span.months {color:#ffffff; padding:0px 0px 0px 0px; margin:0px; text-transform:uppercase; line-height:13px;} div#contentRight a {color:#2f9783; float:right; text-decoration:none;} div#contentRight h1 {padding:0px 0px 0px 0px; color:#ffffff; margin:0px 0px 16px 0px; font-size:20px; line-height:30px; font-family: 'NewCenturySchlbkLTStd' ; src: url('../Fonts/NewCenturySchlbkLTStd-Bd.otf')} /* OBJECTief */ div#contentRightObjectief {height:312px; padding:0px 10px 12px 10px; background:url(../images/style/contentRightObjectiefBg.png) no-repeat 0px 0px; margin:0px 0px 10px 0px;} div#contentRightObjectief a img {padding:13px 0px 0px 0px;} div#contentRightObjectief a#contentRightDownloadButton {color:#ffffff;} div#contentRightDownloadContainer {width:330px; height:163px; padding:0px 0px 0px 0px;} a#contentRightDownloadButton {padding:7px 35px 0px 20px; text-align:center; display:block; margin:-43px 0px 0px 210px; font-size:14px; width:52px; height:23px; font-weight:bold; background:url(../images/style/contentRightDownloadButtonBg.png) no-repeat 0px 0px; display:block; position:absolute;} a#contentRightDownloadButton:hover {background:url(../images/style/contentRightSendButtonBg.png) no-repeat 0px 0px;} div.contentRightEarlierVersions {background:url(../images/style/dotDoubleBlackHorizontal.png) repeat-x top; height:27px; padding:0px 0px 0px 0px; clear:both;} div.contentRightDownloadVersions {background:url(../images/style/dotBlackHorizontal.png) repeat-x bottom; padding:3px 0px 3px 0px;} div#contentRightObjectief div.partContentFileImageAdmin {height:150px; text-align:left;} div#contentRightObjectief div.partContentFileImageAdmin a {float:left;} /* Nieuwsbrief */ div#contentRightNewsletter {background:url(../images/style/contentRightNewsletterBg.png) no-repeat 0px bottom; padding:0px 0px 0px 0px; margin:0px 0px 20px 0px;} div#contentRightNewsletter h1 {background-color:#009682; padding:0px 10px 0px 10px;} div#contentRightNewsletter p {padding:0px 10px 0px 10px;} div#contentRightNewsletter a#contentRightSendButton {color:#ffffff; text-align:right;} div#contentRightNewsletter input {border:0px solid; width:180px; padding:0px 0px 0px 10px; height:20px; margin:10px 0px 0px 0px; background: #ffffff; color: #969696; float:left;} div#contentRightSendContainer {width:320px; padding:0px 0px 10px 0px;} a#contentRightSendButton {padding:7px 35px 0px 20px; margin:0px 0px 0px 0px; float:right; width:52px; font-size:14px; height:23px; font-weight:bold; background:url(../images/style/contentRightSendButtonBg.png) no-repeat 0px 0px; display:block;} a#contentRightSendButton:hover {background:url(../images/style/contentRightDownloadButtonBg.png) no-repeat 0px 0px; } /* NieuwsbriefArchief */ div#contentRightNewsArchief {background:url(../images/style/contentRightNewsletterBg.png) no-repeat 0px bottom; padding:0px 0px 0px 0px;} div#contentRightNewsArchief h1 {background-color:#009682; padding:0px 10px 0px 10px;} div#contentRightNewsArchief .display_archive {font-family: arial,verdana; font-size: 12px; color:#ffffff; padding:0px 10px 20px 10px;} div#contentRightNewsArchief .campaign {line-height: 150%;} div#contentRightNewsArchief .campaign a {text-align:left; float:none;} div#contentRightNewsArchief .campaign a:link {color:#2F9783; text-decoration:none;} div#contentRightNewsArchief .campaign a:visited {color:#2F9783; text-decoration:none;} div#contentRightNewsArchief .campaign a:active {color:#2F9783; text-decoration:none;} div#contentRightNewsArchief .campaign a:hover {color:#ffffff; text-decoration:none;} /*========================================= Footer ========================================================================================================================*/ div#footerContainer {height:342px; padding:0px; margin:0px; background:#dddddd url(../images/style/footerContainer.png) repeat-x center; clear:both;} div#footer {height:188px; width:940px; margin:0px auto; padding:158px 0px 0px 0px; text-align:left; font-size:10px; line-height:15px;} div#footer h2 {padding:0px 0px 15px 0px; margin:0px; text-align:left; font-size:14px; line-height:11px; color:#ffffff;} /* ul li structuur footer */ div#footer ul {float:left; width:110px; list-style-type:none; padding:0px; margin:0px; color:#ffffff;} div#footer ul li a:link {color:#ffffff; text-decoration:none;} div#footer ul li a:visited {color:#ffffff; text-decoration:none;} div#footer ul li a:active {color:#ffffff; text-decoration:none;} div#footer ul li a:hover {color:#2f9783; text-decoration:none;} /* B/mak Bedrijfsmakelaars */ div#footerBuildings {width:300px; float:left;} div#footerBuildings ul {width:300px;} div#footerBuildings ul li {float:left; width:130px;} /* Diensten */ div#footerServices {width:240px; float:left;} div#footerServices ul {width:auto;} /* Contact */ div#footerContact {float:left;} /*========================================= CSS3 Navigation ================================================================================================================*/ /* partNavigation */ div#partNavigation {padding:0px; margin:0px; height:30px; } div#partNavigation ul {padding:0px; margin:0px; line-height: 100%;} div#partNavigation ul li {padding:0px; margin:0px; border-right:2px solid #818282; float: left; position: relative; list-style: none; height:30px;} /* level 1 link */ div#partNavigation ul li a {padding:9px 34px 9px 34px; margin:0px; display: block; color: #ffffff; text-decoration: none; font-weight:bold;text-transform:lowercase;} /* level 1 hover */ div#partNavigation ul li a:hover {background:url(../images/style/navigationActiveButton.png) no-repeat bottom center; min-height:20px;} div#partNavigation ul li.selected a {background:url(../images/style/navigationActiveButton.png) no-repeat bottom center; min-height:20px;} div#partNavigation ul li:hover > a {background:url(../images/style/navigationActiveButton.png) no-repeat bottom center; min-height:20px;} /* level 1 Span */ /* dropdown */ div#partNavigation ul li:hover > ul {display:block;} /* level 2 list */ div#partNavigation ul li#LiNavigationItem5 ul {margin:0px 0px 0px -102px; padding:20px 511px 10px 101px; width:328px; background:url(../images/style/black80procent.png) repeat-x 0px -8px;} div#partNavigation ul li#LiNavigationItem35 ul {margin:0px 0px 0px -102px; padding:20px 511px 10px 101px; width:328px; background:url(../images/style/black80procent.png) repeat-x 0px -8px;} div#partNavigation ul li#LiNavigationItem2 ul {margin:0px 0px 0px -214px; padding:20px 0px 10px 212px; width:728px; background:url(../images/style/black80procent.png) repeat-x 116px -8px;} div#partNavigation ul li#LiNavigationItem5 ul li {float:left; width:160px; margin:0px; padding:0px;} div#partNavigation ul li#LiNavigationItem35 ul li {float:left; width:160px; margin:0px; padding:0px;} div#partNavigation ul li#LiNavigationItem2 ul li {float:left; width:300px; margin:0px; padding:0px;} div#partNavigation ul li#LiNavigationItem5 ul span {width:328px; display:block;} div#partNavigation ul li#LiNavigationItem2 ul span {width:328px; display:block;} /* ik heb hier nog mijn vraagtekens bij */ div#partNavigation ul li#LiNavigationItem5.selected ul span li a {background:url(../images/style/greenNavigationArrow.png) no-repeat 0px 0px;padding:0px 0px 0px 17px; margin:0px; } div#partNavigation ul li#LiNavigationItem2.selected ul span li a {background:url(../images/style/greenNavigationArrow.png) no-repeat 0px 0px;padding:0px 0px 0px 17px; margin:0px; } div#partNavigation ul li ul {display: none; margin:0px; padding:0px; position: absolute; top:30px; left: 0;} div#partNavigation ul li ul li {margin:0px; padding:0px; border:0px; background-image:none; height:23px;} div#partNavigation ul li ul li a {padding:0px 0px 0px 17px; margin:0px; background:url(../images/style/greenNavigationArrow.png) no-repeat 0px 0px;} div#partNavigation ul li ul li a:hover {padding:0px 0px 0px 17px; margin:0px; background:url(../images/style/greenNavigationArrow.png) no-repeat 0px 0px; color:#2f9783 !important;} div#partNavigation ul li ul li:hover > a{background:url(../images/style/greenNavigationArrow.png) no-repeat 0px 0px;} /* rounded corners of first and last link */ div#partNavigation ul li ul li:first-child > a {} div#partNavigation ul li ul li:last-child > a {} /* clearfix */ div#partNavigation ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} div#partNavigation ul {display: inline-block;} html[xmlns] div#partNavigation ul {display: block;} * html div#partNavigation ul {height: 1%;}