/* - - - - - - - - - - - - - - - - - - - - -/ / / / CSS by Onroerendgoedpromotie.nl / / Keith Kornson / / Copyright © / / info@Onroerendgoedpromotie.nl - 2007 / / / /- - - - - - - - - - - - - - - - - - - - - */ /* ** Global settings concerning the */ body { background : #fff; font-family : Arial, sans-serif; font-size : 12px; color : #555; } /* ** Container fills the complete screen and makes the wrapper go center */ #container { height : auto; min-width : 1000px; } html #container { height : 100%; } /* ** Style for the links */ a:link { font-family : Arial, sans-serif; color : #e60000; } a:visited,a:active { font-family : Arial, sans-serif; color : #e60000; } a:hover { font-family : Arial, sans-serif; color : #e60000; text-decoration : none; } /* ** Images don't have border with these settings */ img { border : 0px; margin : 0px; padding : 0px; } /* ** Headings and texts */ /* ** h1 Google: header for all main page titles like Dit huis is te koop! and on Huizenpartner content page every starting title! */ h1 { font-family : Arial, sans-serif; font-size : 18px; font-weight : bold; color : #e60000; margin-top : 3px; line-height : 130%; } /* ** h2 Google: (object)gegevens title, short descripotion house & content red bars */ h2 { font-family : Arial, sans-serif; font-size : 16px; color : #777; font-weight : bold; margin-top : 0px; margin-bottom : 10px; } /* ** h3 Google: red large paragraph titles above texts */ h3 { font-family : Arial, sans-serif; font-size : 13px; line-height : 16px; color : #e60000; text-decoration : none; margin-top : 25px; margin-bottom : 1px; } /* ** h4 Google: sub titles for photos and tables */ h4 { font-family : Arial, sans-serif; font-size : 11px; color : #e60000; text-decoration : none; margin-top : 1px; margin-bottom : 1px; } .wit { font-family : Arial, sans-serif; color : white; } /* ** buttons */ #startVerkoopLarge { display: block; width: 150px; height: 32px; background: url('Images/StartverkoopLarge.gif') no-repeat 0 0; } #startVerkoopLarge:hover { background-position: 0 -32px; } #startVerkoopLarge span { display: none; } #startVerkoopSmall { display: block; width: 107px; height: 22px; background: url('Images/StartverkoopSmall.gif') no-repeat 0 0; } #startVerkoopSmall:hover { background-position: 0 -22px; } #startVerkoopSmall span { display: none; } #contactOns { display: block; width: 410px; height: 37px; background: url('Images/Telefoon.jpg') no-repeat 0 0; } #contactOns span { display: none; } /* ** tables */ table.hpTable { border : 1px double #999999; color : #222222; border-collapse : collapse; border-spacing : 0px; } table.hpTable th { background-color: #E60000; color: White; font-weight: bold; padding: 5px; border: 1px solid White; } table.hpTable td { background-color: #E0E0E0; padding: 3px 5px 3px 5px; border: 1px solid White; } table.hpTable .Footer td { background-color: #FEE7E0; font-weight: bold; padding: 5px; border: 1px solid White; } /* ** For white links in red bars lik >> Ook zelf 'direct raak'uw woning verkopen? */ a.wit:link { font-family : Arial, sans-serif; color : white; text-decoration : none; } a.wit:visited { font-family : Arial, sans-serif; color : white; text-decoration : none; } a.wit:active { font-family : Arial, sans-serif; color : #999; text-decoration : none; } a.wit:hover { font-family : Arial, sans-serif; color : #999; text-decoration : none; } .cursief { font-style : italic; } ul { font : bold 12px Arial, sans-serif; /*list-style-image: url(images/bullit.gif);*/ list-style-image: none; margin-top : 0px; margin-left : 0px; padding-left : 1em; padding-top : 1em; } /* ** Spacing for the paragraph */ p { margin-top : 4px; margin-bottom : 10px; } /* ** Las Vegas interface */ .domainCategory { font-size : 12px; font-weight : bolder; color : #555; text-align : left; } .domainName { font-size : 12px; color : #e60000; text-align : left; } /* ** Buurtbeleving */ .buurtbelevingAdres { font-weight : bolder; color : #555; text-align : left; } .buurtbelevingDomeinNaam { color : #e60000; text-align : left; } /* ** Error messages */ .error { font-size : 11px; font-weight : normal; color : #e60000; background-color: #ffcccc; border : 1px #e60000 solid; padding: 0px 2px 0px 2px; } .errorSummary { font-family : Arial, sans-serif; font-size : 11px; font-weight : normal; color : #e60000; background-color: #ffcccc; border : 1px #e60000 solid; } .errorSummary ul { font-family : Arial, sans-serif; font-size : 11px; font-weight : normal; color : #e60000; } /* ** Services_wizard */ .formInput { background : #d3e8f8 none repeat scroll 0%; color : #060606; font-family : Verdana,Arial,Helvetica,sans-serif; font-size : 11px; } .wizardBackground { background : #d3e8f8; } /* ** DIV structures start here */ /* ** Wrapper is positioned inside the container and contains the background */ #wrapper { padding : 0 18px 0 18px; margin : 0px auto; text-align : left; width : 964px; background : url( 'images/bg_hp.gif' ) repeat-y; } /* ** Clear floats */ .clear { clear : both; width : 100%; padding : 0px; margin : 0px; } /* ** Header > Navigatie */ #navbar { width : 964px; height : 49px; background : url( 'images/navbar.jpg' ); } #menubar { /*position : relative; top : 25px;*/ margin : 0px; float : right; padding-top : 25px; padding-right : 7px; } /* ** Header > Logo/Contact/Content Right Titel */ #logobar { width : 964px; height : 75px; padding : 0; background : url( 'images/logobar.gif' ); } .contactgegevens{ padding-left : 500px; padding-top : 4px; font-family : Arial, Helvetica, sans-serif; font-size : 12px; } #loginControl { position : relative; float : right; z-index : 0; font-size : 10px; right : 255px; top : 56px; } #logobar h1 { font-family : Arial, Helvetica, sans-serif; font-size : 13px; color : white; } /* ** Mainscreen */ #main { width : 963px; padding : 0; } #siteflow { padding-left : 50px; padding-top : 5px; font-size : 10px; } /* ** Mainscreen > content */ #spacerLeft { width : 35px; height : 100px; float : left; } #content { width : 684px; margin : 5px 0px 30px 0px; padding-top : 10px; background : url('images/bg_content2.jpg'); background-repeat: no-repeat; float : left; } #contentWide { width : 893px; margin : 5px 0px 30px 0px; padding-top : 10px; background : url('images/bg_content2.jpg'); background-repeat: no-repeat; float : left; } .tekstblok { width : 414px; margin-top : 0px; text-align : left; padding : 0 15px 0 15px; float : left; background-color: white; } .tekstblok p { line-height : 1.4em; } .tekstblokWide { width : 654px; margin-top : 0px; height : 100%; text-align : left; margin : 0 15px 0 15px; float : left; background-color: white; } .tekstblokWide p { line-height : 1.4em; } #content ul { font-weight : normal; text-decoration : none; margin : 0px 0px 10px 15px; padding : 0px; line-height : 1.4em; } /* ** Testen of dit ook werkt met .content h1 etc. */ .tekstblok h1 { font-family : Arial, sans-serif; font-size : 18px; font-weight : bold; margin-top : 10px; } .tekstblokWide h1 { font-family : Arial, sans-serif; font-size : 18px; font-weight : bold; margin-top : 10px; } .tekstblok h4 { font-family : Arial, sans-serif; font-size : 9px; color : #555; margin-top : 10px; margin-bottom : 0px; padding-top : 0px; line-height : 10px; } .tekstblokWide h4 { font-family : Arial, sans-serif; font-size : 9px; color : #555; margin-top : 10px; margin-bottom : 0px; padding-top : 0px; line-height : 10px; } .imageblok { width : 230px; float : right; margin-top : 10px; padding : 0 10px 10px 0; text-align : center; } .imageblok h4 { font-family : Arial, sans-serif; font-style : italic; font-size : 9px; color : #777; margin-top : 10px; margin-bottom : 0px; padding-top : 0px; line-height : 12px; } /* ** Mainscreen > content > mainmenu deafult.aspx */ .mainMenu { position : relative; left : 0px; bottom : 100px; line-height : 20px; } .mainMenu h1 { line-height : 20px; padding : 0px 0px 10px 0px; margin : 0px; } .singleColomn { margin : 0px 38px 0 0; width : 631px; float : left; } .tripleColumn { margin : 0px 38px 0 0; width : 158px; float : left; height : 100%; } .quadrupleColumn { margin : 0px 4px 0 0; width : 160px; float : left; } ul.submenu { font-weight : bold; background : transparent url('Images/border-horizontal-grey.gif') repeat-x scroll top; clear : both; height : 1%; padding : 0pt 0pt 1px; list-style-image:none; list-style-position:outside; list-style-type :none; } ul.submenu li { font-weight : bold; background : transparent url('Images/border-horizontal-grey.gif') repeat-x scroll top; height : 1%; line-height : 200%; margin : 0px; } ul.submenu a { font-weight : bold; background : transparent url('Images/more-list.gif') no-repeat right 100%; display : block; float : none; height : 1%; padding : 0px; } ul.backTop { font-weight : bold; background : transparent url('Images/border-horizontal-grey.gif') repeat-x scroll top; clear : both; height : 1%; padding : 0pt 0pt 1px; list-style-image:none; list-style-position:outside; list-style-type :none; } ul.backTop li { font-weight : bold; background : transparent url('Images/border-horizontal-grey.gif') repeat-x top; height : 1%; line-height : 200%; margin : 0pt; } ul.backTop a { font-weight : bold; background : transparent url('Images/top-arrow.gif') no-repeat right; display : block; float : none; height : 1%; padding : 0px; } /* ** Mainscreen > content > homepage / contentpage */ a.tekstGreyLink:link { color : #888; } a.tekstGreyLink:visited { color : #888; } a.tekstGreyLink:active { color : #aaa; } a.tekstGreyLink:hover { color : #aaa; } a.tekstBlackLink:link { color : #333; } a.tekstBlackLink:visited { color : #333; } a.tekstBlackLink:active { color : #444; } a.tekstBlackLink:hover { color : #444; } #contentNews ul { font : normal 12px Arial, sans-serif; height : 110%; margin : 0 10px 10px 15px; padding : 0px; } /* ** Mainscreen > content right news items */ #contentNews { width : 214px; padding : 0 0 0 0; margin-bottom : 20px; float : left; } /* ** Mainscreen > content right news items > woning_banner */ #woningBanner { width : 214px; height : 100%; margin-top : -45px; padding : 27px 0 10px 0; background : url( 'images/woning_banner.gif' ); background-color : #eee; background-repeat: no-repeat; float : left; position : static; } .bannerTitle { font-family : Arial, Helvetica, sans-serif; font-size : 13px; font-weight : bold; color : white; position : relative; left : 65px; bottom : 22px; } .bannerTime { font-family : Arial, Helvetica, sans-serif; font-size : 9px; line-height : 9px; font-weight : bold; color : #555; position : relative; right : 7px; bottom : 14px; float : right; } .huisinfoPlace { width : 195px; height : 21px; background : url( 'images/huisinfo.gif' ); background-repeat: no-repeat; margin-left : 5px; margin-top : 15px; } .huisinfoPlaceTitle { font-family : Arial, sans-serif; font-size : 12px; line-height : 12px; font-weight : bold; text-transform : uppercase; color : #555; position : relative; left : 5px; top : 5px; } .huisinfo { width : 195px; height : 100px; margin-left : 5px; padding-left : 5px; padding-right : 5px; background-color: white; } .huisinfoNogMeer { width : 195px; height : 70px; margin-left : 5px; padding-left : 5px; padding-right : 5px; background-color: white; } .huisinfoShort { font-family : Arial, sans-serif; font-size : 9px; color : #555; margin-top : 20px; margin-bottom : 0px; padding-top : 0px; line-height : 12px; float : right; } .huisinfoDomain { font-family : Arial, sans-serif; font-size : 10px; color : #e60000; font-weight : bold; margin-top : 2px; margin-bottom : 1px; float : right; } .huisinfo img { padding-top : 5px; float : left; } /* ** Mainscreen > content right > Nieuwsbox */ .nieuwsbox { width : 194px; margin-top : 10px; margin-bottom : 10px; padding : 0 10px 10px 10px; float : left; background : url( 'images/nieuwsbox.jpg' ); background-repeat:repeat-x; border : 1px #dadbdb solid; } .nieuwsbox h1 { padding : 1px 0 15px 20px; margin : 0px; font-family : Arial, Helvetica, sans-serif; font-size : 12px; font-weight : bold; text-transform : uppercase; color : #555; } .nieuwsbox p { padding : 0px; margin : 0px; font-family : Arial, Helvetica, sans-serif; font-size : 11px; font-weight : normal; color : #555; line-height : 1.3; } .nieuwsbox h3 { font-size : 11px; line-height : 12px; font-weight : 800; color : #e60000; margin : 0px; padding : 0px; } /* ** Footer */ #footer { width : 964px; height : 52px; background : url( 'images/footer.jpg' ); background-repeat: no-repeat; clear : both; } #quicknav{ font-size : 10px; padding-left : 52px; padding-top : 20px; color : white; } #kruimelpad2 { width : 913px; font-size : 10px; color : #555; padding : 10px 0 0 51px; margin : 0px auto; text-align : left; } .copyright { width : 964px; font-size : 10px; line-height : 15px; padding : 5px 0 0 0px; color : #e60000; margin : 0px auto; background : white; text-align : center; } /* ** ASP.MENU */ .level1 { font-family : Arial, sans-serif; font-size : 12px; font-weight : bold; color : white; padding : 0px 3px 0px 6px; } a.level1:link { color : white; padding : 0px 6px 0px 6px; } a.level1:active { color : #222; } a.level1:visited { color : white; } a.level1:hover { color : #222; } .level2 { font-family : Arial, sans-serif; font-size : 12px; font-weight : bold; padding : 4px 2px 4px 4px; border-left : 10px solid #f70a15; border-right : 1px solid #ddd; border-bottom : 1px solid #ddd; background-color: #fff; color : #000; text-decoration : none; text-align : left; } .level2:hover { border-left : 10px solid #8B0305; border-right : 1px solid #999; border-bottom : 1px solid #999; background-color: #fff; color : #222; } .level3 { font-family : Arial, sans-serif; font-size : 12px; font-weight : bold; padding : 4px 2px 4px 4px; border-left : 10px solid #f70a15; border-right : 1px solid #ddd; border-bottom : 1px solid #ddd; background-color: #fff; color : #000; text-decoration : none; text-align : left; } .level3:hover { border-left : 10px solid #8B0305; border-right : 1px solid #999; border-bottom : 1px solid #999; background-color: #fff; color : #222; } .helpPopup { width : 200px; padding : 2px 0 0 2px; border : 1px solid #bebebe; background-color: #f0f8ff; color : gray; font-family : Verdana; font-size : small; font-weight : normal; } .hoverHelp { cursor : help; } /************************* * Search result page * *************************/ .searchResultItem { border-top: solid 1px #CECFCF; border-left: solid 1px #CECFCF; border-right: solid 1px #CECFCF; height: 102px; } .alternatingSearchResultItem { background-color: #F0F1F1; border-top: solid 1px #CECFCF; border-left: solid 1px #CECFCF; border-right: solid 1px #CECFCF; height: 102px; } .specialSearchResultItem { background-color: #FBDBCD; border-top: solid 1px #CECFCF; border-left: solid 1px #CECFCF; border-right: solid 1px #CECFCF; } .searchResultItemHeader { background-color: #DDDEDE; border-bottom: solid 1px #CECFCF; width: 400px; height: 18px; vertical-align: baseline; padding-left: 3px; } .searchResultItemHeaderSold { font-weight: bold; color:#e60000; padding-left:20px; } .searchResultItemHeaderBgImage { background: url('images/SearchResult.gif'); width: 19px; height: 19px; } .searchResultItemShortDescription { font-size:10px; color:Black; margin:4px; overflow:hidden; } .searchResultFooterDiv { border-top: solid 1px #CECFCF; } /************************************************************* * AJAX ASP.NET CONTROLS (Joep) DO NOT DELETE **************************************************************/ .modalBackground { background-color: Gray; filter : alpha(opacity=70); opacity : 0.7; } .modalPopup { background-color: White; border-width : 1px; border-style : solid; border-color : black; width : 550px; } .modalPopupHeader { background-color: #e60000; background-image:url('Images/SubHeader.jpg'); background-repeat:repeat-x; background-position: bottom; height:21px; color : White; font-weight : bold; padding : 3px; } .modalPopupContent { padding : 3px; } .editBoxPreview { color : Gray; } .divChart { height : 200px; vertical-align : bottom; } .autoCompleteList { border:solid 1px black; background-color: #FFFFE0; } .autoCompleteListItem { color: #060606; } .autoCompleteListHighlightedItem { color:HighlightText; background-color: Highlight; } .faqAccordionHeader { cursor: pointer; } .faqAccordionHeader h3 { text-decoration:none; } .faqAccordionHeader h3:hover { text-decoration: underline; } .faqAccordionHeaderSelected { cursor: pointer; } .faqAccordionHeaderSelected h3 { text-decoration:none; } .faqAccordionHeaderSelected h3:hover { text-decoration: underline; } .faqAccordionContent { border: 1px dashed gray; padding:10px; } .uploadProgressBar { background-color: #e60000; background-image:url('images/ProgressBar.jpg'); background-repeat:repeat-x; height:17px; } .uploadProgressBarOuter { border:solid 1px black; height:17px; width:100%; } .faded { color:#a0a0a0; } .news ul li { list-style: none; }