/* ------------------------------------------------------------- RE/MAX - Stylesheet test - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - .autor Tobias Liegl .version 1.0 .url remax-bayern.de .timestamp 23/09/2009 ------------------------------------------------------------- */ /* ------------------------------------------------------------- remax-bayern.de, Table of Contents - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 1. RESET, FONTS, BODY, HTML 2. HELPER 2.1 Clearfix 2.2 Divider 3. STRUCTURE 4. CONTENT STYLES 5. NAVIGATIONS 5.1 Section navigation 5.2 Info navigation 5.3 Main navigation 5.4 Sub navigation 5.5 Locations 6. ELEMENTS 6.1 Header 6.2 Section image 6.3 Carousel 6.4 Teaser boxes startpage 6.5 Sidebar boxes 6.6 Footer 6.7 Article lists 6.8 Immo listing 6.9 Immo detail 6.10 Immo search 6.11 TwoColumn teaser 6.12 Makler search 6.13 Makler listing 6.14 Navbar boxes 6.15 Navbar makler search 6.16 Navbar Immo search 6.17 Contact form 7. EXTRA CLASSES ------------------------------------------------------------- */ /* ------------------------------------------------------------- 1. Reset, fonts, body, html - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ------ Custom Styles ------ */ body { background: #A8A8A8 url(../../img/backgrounds/bg-page.png) repeat-x; overflow-y: ; color: #595959; font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 18px; height:300px; } html, body { height: 100%; } a { text-decoration: none; } #mainContentWrapper{margin-top:20px;} #contentStartInfo {float:left; width:340px !important; } #contentStartNews {float:left; margin-left:32px; width:179px !important; } #wrap { margin: 0 auto; width: 986px; } br {clear:both; display:block;} /* ------------------------------------------------------------- 2. Helper - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 2.1 Clearfix */ .clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clear {display:inline-block;} /* Hide from IE Mac \*/ .clear {display:block;} /* End hide from IE Mac */ /* 2.2 Divider */ div.divider { background: url(../../img/content/divider.png) repeat-x; border: 0; clear: both; display: block; height: 1px; margin: 9px 0 14px 0; line-height: 0; font-size: 0; } /* ------------------------------------------------------------- 3. Structure - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #contentWrapper { background: url(../../img/backgrounds/bg-content.png) repeat-y; padding: 0 6px 12px 6px; width: 974px; } #start #contentWrapper { background: url(../../img/backgrounds/bg-content-start.png) repeat-y; padding-bottom: 0; } #header { background: url(../../img/header/bg-header.png) bottom no-repeat; height: 147px; position: relative; } #navbar { float: left; width: 190px; padding: 11px 0 24px 0; background: url(../../img/backgrounds/bg-navbar.png) no-repeat; } #content { float:left; padding:14px 32px 0; width:950px; z-index:1;} #start #content { float: none; width: auto; background: url("../../img/backgrounds/bg-content-start-divider.png") repeat-y scroll 0 0 transparent;} #sidebar { float: left; width: 190px; padding: 11px 0 33px 0; background: url(../../img/backgrounds/bg-sidebar.png) no-repeat; } #start #content { width: 950px; float: left; padding: 0 0 0 27px; } #start #sidebar { width: 362px; float: left; padding:0 0 0 17px; background: none; } #footer { background:transparent url(../../img/backgrounds/bg-footer.png) no-repeat scroll center bottom; color:#818181; font-size:10px; line-height:12px; margin:0 auto; padding:18px 218px 26px; position:relative; width:539px; } /* ------------------------------------------------------------- 4. Content styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #contentWrapper h1 { border-bottom: 1px solid #d8d8d8; color: #004b96; font-size: 20px; line-height: 24px; margin-bottom: 20px; padding: 6px 0 13px 0; } #start #contentWrapper h1 { border: 0; font-size: 16px; line-height: 19px; margin-bottom: 20px; padding: 0; } #contentWrapper h2 { color: #004b96; /* font-size: 18px; line-height: 24px; */ font-size: 15px; line-height: 19px; margin-bottom: 18px; } #contentWrapper h3, #contentWrapper h3 a, #contentWrapper h3 a:hover { color: #004b96; font-size: 14px; line-height: 18px; font-weight: normal; } #contentWrapper p { margin-bottom: 16px; float:none!important; } #contentWrapper p strong{font-weight:bold;} #contentWrapper .alignCenter { text-align: center; } #content a { color: #e20025; } #content img {float:left!important;} #smainContentWrapper a:hover { color: #a30000; } #smainContentWrapper a.more { background: url(../../img/content/arrows-link.png) right 5px no-repeat; color: #e20025; font-weight: bold; padding-right: 10px; } #smainContentWrapper a.more:hover { background-position: right -27px; color: #a30000; } .zuerueck { background: url(../../img/content/arrows-link.png) 0 -11px no-repeat; color: #e20025; font-weight: bold; padding-left: 10px; margin-bottom:20px;} .zurueck:hover { background-position: 0 -43px; color: #a30000; } #smainContentWrapper a.plus { background: url(../../img/content/plus.png) right no-repeat; color: #e20025; font-weight: bold; padding-right: 10px; } #smainContentWrapper a.plus:hover { background: url(../../img/content/plus-hover.png) right no-repeat; color: #a30000; } #content ul { } #aacontent ul li { background: url(../../img/content/li-point.png) 1px 7px no-repeat; padding-left: 12px; } #content ul ul { margin-bottom: 0; } #content ul li li { background: url(../../img/content/li-point.png) 1px 7px no-repeat; } .startseitentext {float:left; width:200px; } /* ------------------------------------------------------------- 5. Navigations - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 5.1 Section navigation */ #navSection li, #navSection li a { float: left; } #navSection a { overflow: hidden; text-indent: 999em; white-space: nowrap; } #navSection .classic a { background: url(../../img/navigation/navSection/remax-classic.png) no-repeat; display: block; width: 135px; height: 45px; padding-right: 2px; margin-left: 6px; margin-top: 10px; } #navSection .classic a:hover { background-position: 0 -45px; } #navSection .classic a.active { background: url(../../img/navigation/navSection/remax-classic-active.png) no-repeat; display: block; width: 144px; height: 52px; padding-right: 0; margin-left: 0; margin-top: 3px; } #navSection .classic a.active:hover { background-position: 0; } #navSection .collection a { background: url(../../img/navigation/navSection/remax-collection.png) no-repeat; display: block; width: 152px; height: 45px; padding-right: 2px; margin-top: 10px; } #navSection .collection a:hover { background-position: 0 -45px; } #navSection .collection a.active { background: url(../../img/navigation/navSection/remax-collection-active.png) no-repeat; display: block; width: 157px; height: 52px; padding-right: 0; margin-left: 0; margin-top: 3px; } #navSection .collection a.active:hover { background-position: 0; } #navSection .commercial a { background: url(../../img/navigation/navSection/remax-commercial.png) no-repeat; display: block; width: 165px; height: 45px; padding-right: 2px; margin-top: 10px; } #navSection .commercial a:hover { background-position: 0 -45px; } #navSection .commercial a.active { background: url(../../img/navigation/navSection/remax-commercial-active.png) no-repeat; display: block; width: 172px; height: 52px; padding-right: 0; margin-left: 0; margin-top: 3px; } #navSection .commercial a.active:hover { background-position: 0; } /* 5.2 Info navigation */ #navInfo { color: #c4c4c4; float: right; font-size: 10px; padding: 8px 8px 0 0; } #navInfo li { list-style-type: none; float: left; } #navInfo a { color: #c4c4c4; display: block; float: left; padding: 1px 6px 0 6px; } #navInfo a:hover, #navInfo a.active { color: #fff; } /* 5.3 Main navigation */ #navMain { position: absolute; left: 6px; top: 104px; } #navMain li { float: left; } #navMain a { font-size:11px; background: url(../../img/navigation/navMain/bg-navmain.png) right 0 no-repeat; color: #646464; font-weight: bold; display: block; float: left; height: 30px; padding: 12px 16px 0 16px; text-transform: uppercase; } #navMain a.active, #navMain a:hover, #navMain .NavLevelA_1_0_sel, #navMain a.selected { background-position: right -43px; color: #004b96; } /* /* 5.5 Locations */ #navLocations { color: #b5b5b5; margin: 12px 0 14px 0; } #navLocations li { padding-right: 4px; display: inline; } #footer #navLocations a { color: #b5b5b5; padding: 1px 4px 0 0; } #footer #navLocations a:hover { color: #818181; } /* ------------------------------------------------------------- 6. Elements - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 6.1 Header */ #logo { position: absolute; top: 55px; right: 20px; background: url(../../img/header/logo-remax-classic-web.png) no-repeat; width: 175px; height: 92px; } #logo img { display: none; } #balloon { background: url(../../img/header/remax-balloon.png) no-repeat; height: 60px; width: 60px; position: absolute; left: 6px; top: 55px; } /* 6.2 Section image */ #sectionImage { margin-left: -15px; margin-bottom: 16px; } #start #sectionImage { margin-left: 0; height: 237px; overflow: hidden; } /* 6.3 Carousel */ #objects { padding: 12px 0; /* height: 264px; */ } #start #objects { background: url(../../img/backgrounds/bg-objects.png) repeat-x; padding: 12px 20px; /* height: 264px; */ } #objects h4 { text-transform: uppercase; font-size: 11px; color: #535353; line-height: 22px; border-bottom: 1px solid #b5bcc1; position: relative; width: auto; } #start #objects h4 { width: 934px; } #objects h4 a.immosearch { text-transform: none; position: absolute; top: 0; right: 0; color: #e20025; font-size: 12px; font-weight: bold; padding-right: 10px; background: url(../../img/carousel/arrow-link.png) right no-repeat; } #objects h4 a.immosearch:hover { color: #a30000; background: url(../../img/carousel/arrow-link-hover.png) right no-repeat; } #contentWrapper #objects p { margin-bottom: 0; } #objectsCarousel { border-bottom: 1px solid #ced4d8; } #content #objectsCarousel ul { margin-bottom: 0; } #content #objectsCarousel ul li { background: none; padding-left: 0; } /* 6.4 Teaser boxes startpage */ #teaserBoxWrapper { background: url(../../img/teaser/bg-shadow.png) bottom no-repeat; padding-bottom: 6px; font-size: 11px; line-height: 13px; } #teaserBoxWrapper img { position: absolute; top: 1px; right: 1px; } #teaserBoxWrapper strong { font-size: 17px; line-height: 32px; font-weight: bold; text-indent: -1px; } #teaserBoxWrapper em { color: #8ad4ff; font-style: normal; } #mainContentWrapper a.teaserBoxSpecial { background: url(../../img/teaser/bg-gradient-blue.png) repeat-x; color: #fff; font-weight: normal; display: block; height: 86px; width: 187px; padding: 2px 162px 0 13px; position: relative; margin-bottom: 7px; } #mainContentWrapper a.teaserBoxSpecial:hover { background-position: 0 -95px; color: #fff; } #mainContentWrapper a.teaserBoxNormal { background: url(../../img/teaser/bg-gradient-grey.png) repeat-x; color: #fff; font-weight: normal; display: block; height: 86px; width: 187px; padding: 2px 162px 0 13px; position: relative; margin-bottom: 7px; } #mainContentWrapper a.teaserBoxNormal:hover { background-position: 0 -95px; color: #fff; } #mainContentWrapper a.teaserBoxRed { background: #E20025; color: #fff; font-weight: normal; display: block; height: 86px; width: 187px; padding: 2px 162px 0 13px; position: relative; margin-bottom: 7px; } #mainContentWrapper a.teaserBoxRed:hover { background: #C40003; color: #fff; } /* 6.5 Sidebar boxes */ #sidebarBoxWrapper { background: url(../../img/sidebar/bg-sidebar-bottom.png) bottom no-repeat; padding-bottom: 12px; margin-top:45px; font-size: 11px; width:190px; float:right;} .sidebarBoxContent { padding: 10px; } #contentWrapper #sidebarBoxWrapper h3 { background: url(../../img/sidebar/bg-head.png); height: 23px; color: #fff; font-size: 11px; line-height: 18px; font-weight: normal; text-transform: uppercase; padding: 6px 0 0 13px; margin-bottom: 0; } #sidebarBoxWrapper .sidebarBoxContent img { border: 1px solid #a9a9a9; margin-right: 8px; } #contentWrapper #sidebarBoxWrapper p { margin-bottom: 6px; } #sidebarBoxWrapper .highlight { font-size: 13px; } #sidebarBoxWrapper .highlightColor { color: #004b96; font-size: 13px; } #sidebarBoxWrapper blockquote { line-height: 16px; font-style: italic; margin-bottom: 6px; } #sidebarBoxWrapper a { font-size: 12px; } #contentWrapper #sidebarBoxWrapper a.button {background: url(../../img/sidebar/button-blue.png); display: block; color: #fff; font-size: 11px; font-weight: bold; text-align: center; width: 169px; height: 21px; padding-top: 2px; } #mainContentWrapper #sidebarBoxWrapper a.button:hover { background-position: 0 -23px; } #sidebarBoxWrapper a.buttonMail { background: url(../../img/sidebar/button-blue-mail.png); display: block; color: #fff; font-size: 11px; font-weight: bold; text-indent: 50px; width: 169px; height: 21px; padding-top: 2px; } #sidebarBoxWrapper a.buttonMail:hover { background-position: 0 -23px; } #sidebarBoxWrapper ul li img{width:90px; height:120px;} #sidebarBoxWrapper p span strong{padding:0 6px 0 0;} .aligncenter ul li {text-align:center;} /* 6.6 Footer */ #footer a { color: #818181; } #footer p a:hover { text-decoration: underline; } #footer .lostPassword a { color: #004b96; } #footer div p, #footer div form { float: left; margin-right: 15px; } #footer div form { margin-right: 0; } #footer div p.lostPassword { margin-right: 0; width: 75px; float: right; } #footer div p { padding-top: 4px; } #login input { margin: 0; bottom: 0; vertical-align: top; } #login .inputfield { color: #777777; font-size: 10px; height: 13px; width: 76px; border: 1px solid #c8c8c8; padding: 3px 4px; margin-right: 3px; } #codeOfEthics { position: absolute; left: 36px; bottom: 25px; } #start #footer { background: url(../../img/backgrounds/bg-footer-start.png) bottom no-repeat; } #dfvSiegel { position: absolute; bottom: 23px; left: 74px; } #footer p {width:auto; float:none;} /* 6.7 Article lists */ #mainContentWrapper ul.newsList li, #mainContentWrapper ul.eventList li, #mainContentWrapper ul.articleList li { background: none; border-bottom: 1px solid #d8d8d8; padding: 0 0 16px 0; margin-bottom: 16px; } #mainContentWrapper ul.newsList img, #mainContentWrapper ul.eventList img, #mainContentWrapper ul.articleList img { float: left; border: 1px solid #a5a5a5; margin-right: 20px; } #mainContentWrapper ul.newsList .category, #mainContentWrapper ul.eventList .category, #mainContentWrapper ul.articleList .category { font-weight: bold; } #mainContentWrapper ul.newsList h2, #mainContentWrapper ul.newsList h2 a, #mainContentWrapper ul.eventList h2, #mainContentWrapper ul.eventList h2 a, #mainContentWrapper ul.articleList h2, #mainContentWrapper ul.articleList h2 a { color: #004b96; font-size: 18px; line-height: 24px; font-weight: normal; margin-bottom: 12px; } #mainContentWrapper h1.newsDetail, #mainContentWrapper h1.eventDetail { border: 0; font-size: 18px; line-height: 24px; padding: 0; } /*6.8 Immo listing */ .titelbild {position:relative; display:inline; margin-right:10px; width:80px; height:80px; } .titelbild ul { width:80px; height:60px; overflow:hidden; } .titelbild ul li{margin:0; padding:0; overflow:hidden; } .titelbild img{width:80px; border:1px solid #BABABA; } .listenobjekt{ border-bottom: 1px solid #d8d8d8; padding-bottom:6px; margin-bottom: 6px; display:block;} .listenobjekt strong{font-weight:bold;} .listenobjekt h3{font-weight:normal!important; margin-bottom:0px;} .listenobjekt table{float:right; width:200px;} .listenobjekt td{padding:0px 10px 0px 0px;} .listenrahmen{width:500px; margin:0px 20px 0px 10px;} .listenobjekt .detail{ color: #e20025; font-weight: bold;} .detaillinklink {margin-top:30px; text-align:left; width:500px; margin-left:322px;} #content .listendetails{width:500px; } #content .listendetails table tr td strong {padding:0px 0px 0px 0px;} #content .listendetails table tr td {width:147px;} #content .listendetails table {width:80px;margin:0px 30px 0px 10px; } #content .listendetails table tr td strong{font-weight:normal; padding-right:10px;} .detailansicht{padding:22px 0px 20px 15px;} #content h1.immoListHead { border: 0; padding: 6px 0 0 0; margin-bottom: 0; color:#424242;} h1.maklerlisthead{border: 0!important; padding: 6px 0 20px 0; margin-bottom: 0; } h1.maklerlisthead .highlight { color: #e20025; } #content h1.immoListHead .highlight { color: #e20025; } #content h2.immoListSubhead { color: #595959; font-size: 11px; margin-bottom: 25px; } #content .listenrahmen h3 { color: #004b96; font-size: 15px; line-height: 19px; font-weight: normal; padding-top: 10px; margin-bottom:12px; } #content .listenrahmen h3 a:hover { color: #0d375e; } .pageBrowser { color: #595959; font-size: 11px; position: relative; padding: 20px 0px 10px 6px ; margin-bottom: 8px; margin-left:10px;} .pageBrowserTop{border-bottom: 1px solid #bababa;} .pageBrowser .current { font-weight: bold; padding-right: 6px; } .pageBrowser .erste { background: url(../../img/immolist/arrows-pagebrowser-double.png) no-repeat; padding: 7px 0px 0px 16px; } .pageBrowser .back { background: url(../../img/immolist/arrows-pagebrowser.png) no-repeat; padding: 0 2px 0 18px; } .pageBrowser .next { background: url(../../img/immolist/arrows-pagebrowser.png) right -23px no-repeat; padding: 0 18px 0 6px; } .pageBrowser .letzte { background: url(../../img/immolist/arrows-pagebrowser-doublefw.png) no-repeat; padding: 7px 0px 0px 22px; } .pageBrowserBottom{ position:relative; padding-top:10px;} .objektlistesortierung{ float:right; } .immoListSortForm { position: absolute; right: 0; top: 0; } .immoListSortForm input { vertical-align: top; } .immoListSortForm select { padding: 2px 4px 3px 4px; font-size: 11px; } /* table.immoList td.immoListImage { border-bottom: 1px solid #d8d8d8; padding-bottom: 10px; width: 124px; } table.immoList td.immoListImage a { width: 91px; height: 90px; text-align: center; display: block; overflow: hidden; } table.immoList td.immoListImage img { /* height: 90px !important; */ width: 80px !important; } table.immoList td.immoListInfo { border-bottom: 1px solid #d8d8d8; padding-bottom: 10px; width: 250px; } table.immoList td.immoListInfo td { float: lefst; padding-right: 4px; } table.immoList td.immoListAddress { border-bottom: 1px solid #d8d8d8; padding-bottom: 10px; width: 170px; } table.immoList td.immoListAddress td { float: left; padding-right: 4px; } table.immoList td.immoListLinks { border-bottom: 1px solid #d8d8d8; padding-bottom: 10px; vertical-align: bottom; width: 92px; } #contentWrapper .pageBrowser a { color: #004b96; font-weight: normal; } #contentWrapper .pageBrowser a:hover { color: #595959; } #contentWrapper .pageBrowser a.back { background: url(../../img/immolist/arrows-pagebrowser.png) 0 -69px no-repeat; padding: 0 10px 0 22px; } #contentWrapper .pageBrowser a.back:hover { background-position: 0 -115px; color: #0d375e; } #contentWrapper .pageBrowser a.next { background: url(../../img/immolist/arrows-pagebrowser.png) right -46px no-repeat; padding: 0 22px 0 6px; } #contentWrapper .pageBrowser a.next:hover { background-position: right -92px; color: #0d375e; } */ /* 6.9 Immo detail */ .back{ background:url("../../img/content/arrows-link.png") no-repeat scroll 0 -11px transparent; color:#E20025; font-weight:bold; padding-left:10px; } #contentWrapper h1.immoDetailHead { border: 0; margin-bottom: 20px; padding: 0 0 3px 0; } #immoDetailWrapper { border-bottom: 1px solid #d8d8d8; padding-bottom: 24px; margin-bottom: 20px; display:block } #immoDetailWrapper strong{ font-weight:bold;} #immoDetailImg { float: left; width: 293px; } #immoDetailImg img { border: 1px solid #e4e4e4; float: left; } #immoDetailImg img.small { margin: 11px 11px 0 0; } #immoDetailImg img.last { margin-right: 0; } #immoDetailContent { float: right; width: 214px; } #immoDetailContent p{width:225px;} .detailansicht strong{font-weight:bold;} .detailansicht h1{margin-top:15px;} #immoDetailContent table tr td strong{display:block; width:90px; font-weight:normal;} #immoDetailContent p strong{font-weight:bold;} #contentWrapper #immoDetailContent a.print { background: url(../../img/immolist/print.png) 2px 2px no-repeat; font-size: 11px; padding: 3px 0; padding-left: 26px; line-height: 26px; font-weight:bold; } #contentWrapper #immoDetailContent a.map { background: url(../../img/immolist/map.png) 4px 3px no-repeat; font-size: 11px; padding: 3px 0; padding-left: 26px; line-height: 26px; font-weight:bold; } #contentWrapper #immoDetailContent a.umgebung { background: url(../../img/immolist/umgebung.png) 1px 1px no-repeat; font-size: 11px; padding: 3px 0; padding-left: 26px; line-height: 26px; } #contentWrapper #immoDetailContent a.makler { background: url(../../img/immolist/makler.png) 0 4px no-repeat; font-size: 11px; padding: 3px 0; padding-left: 26px; line-height: 26px; } #contentWrapper #immoDetailContent a.buero { background: url(../../img/immolist/buero.png) 0 0 no-repeat; font-size: 11px; padding: 3px 0; padding-left: 26px; line-height: 26px; } #immoDetailImg #bild_gross { width: 290px; height: 226px; text-align: center; } #immoDetailImg #bild_gross img { /* height: 226px; */ width: 293px !important; } #bild_title { display: none; visibility: hidden; } #bilder_klein ul { float: left; } #bilder_klein li { display: inline-block; width: 88px; height: 88px; padding: 0 !important; margin: 11px 5px 0 0; border: 1px solid #E4E4E4; background: #fff !important; position: relative; text-align: center; } #bilder_klein li img { max-height: 88px; max-width: 88px; padding: 0 !important; border: 0 !important; position: absolute; top: 50%; left: 50%; } /* #bilder_klein li { margin: 11px 7px 0 0; background: none !important; padding-left: 0 !important; float: left; display: inline; } #bilder_klein img { height: 88px; width: 88px; } */ .obj-asp { position:absolute; left:929px; top:113px; width:190px; float:left; } * + html .obj-asp { left:927px; } /* 6.10 Immo search */ #immoSearch fieldset { background: url(../../img/immolist/bg-searchform.png) repeat-x; padding: 19px 17px 9px 17px; width:500px; } #immoSearch input, #immoSearch select { border: 1px solid #a7a6aa; color: #5c5c5c; font-size: 11px; padding: 2px; } #immoSearch input { width: 154px; } #immoSearch input.ort { margin-right: 10px; } #immoSearch input.zip { margin-left: 10px; width:54px;} #immoSearch input.small { width: 52px; } #immoSearch input.small2 { width: 70px; } #immoSearch select.wide { width: 170px; } #immoSearch .submit { text-align: center; margin: 14px 0 16px 0; } #immoSearch .submit input { padding: 0; border: 0; width: auto; } #immoSearch ul li{background:none; margin:10px 0px 10px 0px;} #immoSearch ul li strong{font-weight:bold;} #mainContentWrapper #immoSearch ul { margin-bottom: 0; } #mainContentWrapper #immoSearch ul li { background: none; padding: 0 0 10px 0; margin-bottom: 0; } #immoSearch label { display: block; float: left; width: 120px; } /* 6.11 TwoColumn Teaser */ #mainContentWrapper ul.twoColumns { border-bottom: 1px solid #d8d8d8; } #mainContentWrapper ul.twoColumns li { background: none; margin: 0; padding: 0; float: left; width: 248px; } #mainContentWrapper ul.twoColumns li.secondColumn { float: right; } #mainContentWrapper ul.twoColumns li img { border: 1px solid #949494; margin-bottom: 8px; } /* 6.12 Makler search */ #maklerSearch fieldset { background: url(../../img/immolist/bg-searchform.png) repeat-x; padding: 19px 17px 9px 17px; } #maklerSearch input, #maklerSearch select { border: 1px solid #a7a6aa; color: #5c5c5c; font-size: 11px; padding: 2px; } #maklerSearch input { width: 154px; } #maklerSearch input.ort { margin-right: 10px; } #maklerSearch input.zip { margin-left: 10px; } #maklerSearch input.small { width: 52px; } #maklerSearch input.small2 { width: 70px; } #maklerSearch input.long { width: 365px; } #maklerSearch select.wide { width: 170px; } #maklerSearch .submit { text-align: center; margin: 14px 0 16px 0; } #maklerSearch .submit input { padding: 0; border: 0; width: auto; } #mainContentWrapper #maklerSearch ul { margin-bottom: 0; } #mainContentWrapper #maklerSearch ul li { background: none; padding: 0 0 10px 0; margin-bottom: 0; } #maklerSearch label { display: block; float: left; width: 120px; } /* 6.13 Makler listing */ #contentWrapper h1.maklerListHead { border: 0; padding: 6px 0 0 0; margin-bottom: 0; } #contentWrapper h1.maklerListHead .highlight { color: #e20025; } #contentWrapper h2.maklerListSubhead { color: #595959; font-size: 11px; margin-bottom: 25px; } #contentWrapper table.maklerList h3, #contentWrapper table.maklerList h3 a { color: #004b96; font-size: 15px; line-height: 19px; font-weight: normal; padding-top: 10px; margin-bottom: 12px; } table.maklerList { /* border-top: 1px solid #d8d8d8; */ margin-bottom: 12px; width: 530px; } table.maklerList img { border: 1px solid #bababa; } table.maklerList td { vertical-align: top; } table.maklerList td.maklerListImage { border-bottom: 1px solid #d8d8d8; padding-bottom: 15px; width: 120px; } table.maklerList td.maklerListInfo { border-bottom: 1px solid #d8d8d8; padding-bottom: 15px; width: 374px; } table.maklerList td.maklerListInfo strong{font-weight:bold;} td.maklerListInfo p span strong {display:block; float:left; width:55px;} .maklerListImage ul li a img{width:100px; border:1px solid #bababa;} .maklerListImage ul li {margin:0; padding:0;} .maklerListSortForm { float: right; margin-top: -2px; margin-bottom: 8px; padding-bottom: 3px; } .maklerListSortForm input { vertical-align: top; } .maklerListSortForm select { padding: 2px 4px 3px 4px; font-size: 11px; } .maklerMail, .maklerWeb { padding-left: 56px; font-weight:bold; } .maklerInfoLabel { display: block; float: left; width: 56px; } /* 6.14 Navbar boxes */ #navbarBoxWrapper { background:transparent url(../../img/navbar/bg-navbar-bottom.png) no-repeat scroll left bottom!important; float:left; padding-bottom: 12px; width:190px; font-size: 11px; text-align:left!important; } .navbarBoxContent { } .navbarBoxContent form{padding-left:10px;} #contentWrapper #navbarBoxWrapper h3 { background: url(../../img/navbar/bg-head.png) no-repeat; height: 23px; color: #fff; font-size: 11px; line-height: 18px; font-weight: normal; text-transform: uppercase; padding: 6px 0 0 13px; margin-bottom: 0; } #navbarBoxWrapper a { font-size: 12px; } #navbarBoxWrapper a.button { background: url(../../img/sidebar/button-blue.png); display: block; color: #fff; font-size: 11px; font-weight: bold; text-align: left; width: 169px; height: 21px; padding-top: 2px; padding-left:30px;} #navbarBoxWrapper a.button:hover { background-position: 0 -23px; } /* 6.15 Navbar makler search */ #navbarMaklerSearch ul { margin-bottom: 8px; } #navbarMaklerSearch li { margin-bottom: 4px; } #navbarMaklerSearch label { display: block; } #navbarMaklerSearch input, #navbarMaklerSearch select { padding: 2px; font-size: 11px; } #navbarMaklerSearch input { width: 62px; } #navbarMaklerSearch input.long { width: 158px; } #navbarMaklerSearch select.wide { width: 110px; } #navbarMaklerSearch .submit input { padding: 0; border: 0; width: auto; margin-bottom: 6px; } /* 6.16 Navbar immo search */ #navbarImmoSearch fieldset { margin-bottom: 8px!important; margin-top:8px;} #navbarImmoSearch strong{ font-weight:bold;} #navbarImmoSearch li { margin-bottom: 4px!important; } #navbarImmoSearch label { display: block!important; } #navbarImmoSearch input, #navbarImmoSearch select { padding: 2px; font-size: 11px; } #navbarImmoSearch input { width: 62px; } #navbarImmoSearch input.small { width: 35px; } #navbarImmoSearch input.small2 { width: 40px; } #navbarImmoSearch input.long { width: 158px; } #navbarImmoSearch select.wide { width: 110px; } #navbarImmoSearch .submit input { padding: 0; border: 0; width: auto; margin-bottom: 6px; } /* 6.17 Contact form */ #mainContentWrapper #contactForm ul { margin-bottom: 0; padding-top: 5px; } #mainContentWrapper #contactForm ul li { background: none; padding: 0 0 10px 0; margin-bottom: 0; } #contactForm label { float: left; width: 106px; } #contactForm input { width: 326px; padding: 2px; font-size: 11px; } #contactForm .captcha, #contactForm .available, #contactForm .submit { margin-left: 106px; } #contactForm .required { margin-left: 106px; font-size: 11px; } #contactForm .captcha input { width: 192px; } #contactForm .captcha img { margin-bottom: 5px; } #contactForm .submit input { width: auto; padding: 0; margin-bottom: 16px; } #contactForm textarea { height: 140px; width: 326px; padding: 2px; font-size: 11px; } #contactForm .available textarea { height: 58px; } #contactForm select { width: 200px; padding: 2px; font-size: 11px; } /* 7 extra classes */ .RowControl_InDerPresse_Bild { width: 159px; height: 110px; } .zip-info { display: none; } .zip-info{ position: absolute; height: 54px; top: 20px; right: 20px; } .img-float-left { float: left; padding-right: 20px; padding-bottom: 6px; } .vergroessern{background-image:url(../../img/content/bild_groesser.png); color:#FFFFFF; height:30px; padding:12px 0 1px; position:absolute; text-align:center; tdop:118px; left:16px; width:293px; } .detailtitelbild {width:290px; height:226px; overflow:hidden;} .detailtitelbild ul li img{ width:293px!important; height:auto;} .detailbilder{ float:left; width:293px;} .detailgallery {width:293px;} .aussenrum{float:left;} .detailgallery ul li{background:#FFFFFF none repeat scroll 0 0 !important; border:1px solid #E4E4E4; position:relative; text-align:center; width:88px; float:left; margin:5px 7px 3px 0;; padding-top:4px} .detailgallery ul li a img{width:80px; height:80px;} .maklerobjekte{background: url(../../img/immolist/makler.png) no-repeat; padding-left:25px; font-weight:bold;} .merklistelink{background: url(../../img/immolist/merkzettel.gif) no-repeat; padding:0px 0px 5px 25px; font-weight:bold; margin-top:5px;} .bueroobjekte{background: url(../../img/immolist/buero.png) no-repeat; padding:5px 0px 5px 25px; font-weight:bold; margin-top:5px;} .maklerobjekte{background: url(../../img/immolist/makler.png) no-repeat; padding:0px 0px 0px 25px; font-weight:bold; margin-top:5px;} .more{background:url("../../img/content/arrows-link.png") no-repeat scroll right 5px transparent; color:#E20025; font-weight:bold; padding-right:10px; } .merkliste_hinweis{ background-color:#FFF; margin:10px; padding:4px;border:1px solid #595959;} .merkliste_hinweis h3{ font-size:12px!important; font-weight:bold !important;} .weiter_objekte { width:137px; padding-right:23px; padding-left: 0 !important; margin:0 1px 0 0; line-height:12px; float:left; background: none !important; } .weiter_objekte h3 { } .weiter_objekte h3 a{ font-weight:bold!important; font-size:11px!important; margin-bottom:0px; } .weiter_objekte ul{ width:150px; height:110px; overflow:hidden; } .weiter_objekte ul li img{ width:150px; border: 1px solid #767676; } .weiter_objekte table tr td { padding:2px 0px 3px 0px; font-size:11px; } .weiter_objekte table tr td strong{ font-weight:normal; margin:5px 4px 0px 0px; } .weitere_objekte a ul li img{width:100px;} .weitere table { display: block; margin-bottom: 8px; } .weitere table td { height: 110px; text-align: center; vertical-align :middle; width: 150px; } .weitere table img { height:110px; } .weitere p { margin-bottom: 0 !important; font-size:11px; line-height:14px; width:152px; } .weitere p.title { color: #004B96; font-weight: bold; height: 28px; overflow: hidden; } /* 5.4 Sub navigation *//* #navSub { margin-left: 10px; border-top: 1px solid #d8d8d8; } #navSub li a { background: url(../../img/navigation/navSub/level1.png); color: #4a4a4a; display: block; width: 153px; line-height: 16px; padding: 6px 0 7px 26px; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } #navSub li a:hover, #navSub li a.active { background: url(../../img/navigation/navSub/level1-hover.png); color: #fff; font-weight: bold; } #navSub li.hasSubNav { position: relative; } #navSub li.hasSubNav a, #navSub li.hasSubNavActive a { background: url(../../img/navigation/navSub/level1-with-subnav.png); } #navSub li.hasSubNav a:hover, #navSub li.hasSubNavActive a:hover { background: url(../../img/navigation/navSub/level1-hover-with-subnav.png); } #navSub li.hasSubNavActive a.active:hover { background: url(../../img/navigation/navSub/level1-active-with-subnav.png); } #navSub li.hasSubNavActive li a { background: url(../../img/navigation/navSub/level2.png); border: 0; border-bottom: 1px solid #d8d8d8; color: #555555; font-size: 11px; padding: 4px 0 5px 27px; } #navSub li.hasSubNavActive li a:hover { background: url(../../img/navigation/navSub/level2-hover.png); color: #004b96; font-weight: normal; } #navSub li.hasSubNavActive li a.active, #navSub li.hasSubNavActive li a.active:hover { background: url(../../img/navigation/navSub/level2-hover.png); color: #004b96; font-weight: bold; } #navSub li.hasSubNav li li a:hover, #navSub li.hasSubNav li li a.active, #navSub li.hasSubNav li li a.active:hover { font-weight: normal; } #navSub li.over ul, #navSub li.hasSubNav ul { display: none; z-index: 4; width: 180px; } #navSub li.over ul, #navSub li.hasSubNav:hover ul { background: #3a6ea2; display: block; position: absolute; left: 120px; top: 0; border-left: 1px solid #fff; padding: 0px 0px 4px 0px; } #navSub li.hasSubNav ul li.hasSubNav ul li{ background: #3a6ea2; display: block; position: absolute; left: 0px; top: 0; padding: 0px 0px 4px 0px; border-left: } #navSub li.hasSubNav:hover ul { /*background: #3a6ea2; */ background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4nGOwylt0HQAEUgIiCdOYWgAAAABJRU5ErkJggg==') repeat; *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d83a6ea2, endColorstr=#d83a6ea2); display: block; position: absolute; left: 180px; top: 0; padding: 4px 0; } #navSub li.hasSubNav li a { background: none; border: 0; color: #d6ebff; width: 150px; padding: 4px 14px 4px 14px; } #navSub li.hasSubNav li a:hover { background: none; border: 0; color: #fff; font-weight: normal; } */ .abstandlinks img{margin:0px 0px 0px 0px; width:160px; overflow:hidden; } .merklistehinweis{ padding:10px; color:#000; border:1px solid grey; background-color:#dbe6f1; margin:10px 0px 10px 0px; } .largeausrufezeichen{ float:left; boder:0!important; font-size:46px; font-weight:bold; color:#E20025; margin-right:5px; margin-top:3px; } .merklistehinweis a{ font-weight:bold; } .objektlistesortierung input{ color:#FFF; font-weight:bold; font-size:11px; background:url("../../img/sidebar/button-blue.png") repeat scroll 0 0 transparent; border:0px; height:24px; width:100px; text-align:center; cursor:pointer; padding-bottom:3px; } .Maklersortierung{ float:right; } .Maklersortierung input{ color:#FFF; font-weight:bold; font-size:11px; background:url("../../img/sidebar/button-blue.png") repeat scroll 0 0 transparent; border:0px; height:24px; width:100px; text-align:center; cursor:pointer; padding-bottom:3px; } /* 5.4 Sub navigation */ #navSub { margin-left: 10px; border-top: 1px solid #d8d8d8; } #navSub li a { background: url(../../img/navigation/navSub/level1.png); color: #4a4a4a; display: block; line-height: 16px; padding: 6px 0 7px 26px; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } #navSub li.hasSubNav { position: relative; } #navSub li.hasSubNav a, #navSub li.hasSubNavActive a { background: url(../../img/navigation/navSub/level1-with-subnav.png); } #navSub li a:hover, #navSub li a.active { background: url(../../img/navigation/navSub/level1-hover.png); color: #fff; font-weight: bold; } #navSub li.hasSubNav a:hover, #navSub li.hasSubNavActive a:hover { background: url(../../img/navigation/navSub/level1-hover-with-subnav.png); } #navSub li.hasSubNavActive a.active:hover { background: url(../../img/navigation/navSub/level1-active-with-subnav.png); } #navSub li.hasSubNavActive li a { background: url(../../img/navigation/navSub/level2.png); border: 0; border-bottom: 1px solid #d8d8d8; color: #555555; font-size: 11px; padding: 4px 0 5px 27px; } #navSub li.hasSubNavActive li a:hover { background: url(../../img/navigation/navSub/level2-hover.png); color: #004b96; font-weight: normal; width: 147px; } #navSub li.hasSubNavActive li a.active, #navSub li.hasSubNavActive li a.active:hover { background: url(../../img/navigation/navSub/level2-hover.png); color: #004b96; font-weight: bold; } #navSub li.hasSubNavActive li li a { padding-left: 34px;} #navSub li.hasSubNav li li a:hover, #navSub li.hasSubNav li li a.active, #navSub li.hasSubNav li li a.active:hover { font-weight: normal;} #navSub li.over ul, #navSub li.hasSubNav ul { display: none; z-index: 4; width: 181px; } #navSub li.over ul, #navSub li.hasSubNav:hover ul { /*background: #3a6ea2; */ background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4nGOwylt0HQAEUgIiCdOYWgAAAABJRU5ErkJggg==') repeat; *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d83a6ea2, endColorstr=#d83a6ea2); display: block; position: absolute; left: 160px; top: 0; border-left: 1px solid #fff; padding: 4px 0; } #navSub li.hasSubNav ul li.hasSubNav ul li{ /*background: #3a6ea2; */ background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4nGOwylt0HQAEUgIiCdOYWgAAAABJRU5ErkJggg==') repeat; *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d83a6ea2, endColorstr=#d83a6ea2); display: block; position: absolute; left: 0px; top: -1px; padding: 0px 0px 12px 0px; border-left: 1px solid #fff; height:13px; } #navSub li.hasSubNav:hover ul { /*background: #3a6ea2; */ background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4nGOwylt0HQAEUgIiCdOYWgAAAABJRU5ErkJggg==') repeat; *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d83a6ea2, endColorstr=#d83a6ea2); display: block; position: absolute; left: 180px; top: 0; padding: 0px 0; } #navSub li.hasSubNav li a { background: none; border: 0; color: #d6ebff; width: 150px; padding: 4px 14px 4px 14px; } #navSub li.hasSubNav li a:hover { background: none; border: 0; color: #fff; font-weight: normal; } #lsiste{ width:800px; } #innerContent { width:200px;} #innerContent li{ float:left;} #socialIcons { } #socialIcons a { float:left; margin-right: 10px; } #teaserBoxWrapper { margin-bottom: 15px; } #twitterBoxWrapper { background: url(../../img/teaser/bg-shadow.png) bottom no-repeat; padding-bottom: 13px; font-size: 11px; line-height: 13px; } #twitterBoxInner { background: url(../../img/teaser/twitterbox-bg.png) repeat-x; border: 1px solid #d4d4d4; padding: 4px 4px 12px 10px; position: relative; overflow: hidden; } #twitterBoxInner h5 { border-bottom: 1px solid #cfcfcf; color: #1b5996; font-size: 16px; line-height: 28px; margin-bottom: 6px; } #twitterBoxInner .prev { background: url(../../img/teaser/twitterbox-arrows.png) 0 -16px; display: block; height: 16px; width: 16px; position: absolute; top: 8px; right: 40px; cursor: pointer; overflow: hidden; text-indent: 999em; white-space: nowrap; } #twitterBoxInner .prev:hover { background-position: 0 16px; } #twitterBoxInner .next { background: url(../../img/teaser/twitterbox-arrows.png); display: block; height: 16px; width: 16px; position: absolute; top: 8px; right: 14px; cursor: pointer; overflow: hidden; text-indent: 999em; white-space: nowrap; } #twitterBoxInner .next:hover { background-position: 0 -32px; } #content .tweet p { color: #4f4f4f; font-size: 12px; line-height: 16px; margin-bottom: 0; width: 344px; margin-right: 6px; } #content .tweet span { color: #9d9d9d; display: block; font-size: 10px; } #content .tweet a { color: #004b9b; } #twitterUserTimeline { width: 1760px; } .tweet { float: left; } .bx_pager { display: none; } /******Individuelle Anpassungen Form Startseite *****/ #start #immoSearch { float: left; width: 370px; } #start #immoSearch fieldset { background: url("http://www.remax-bayern.de/img/immolist/bg-searchform.png") repeat-x scroll 0 0 #D7E1E9; margin-bottom: 10px; padding: 19px 17px 9px; width: 336px !important; } #start #immoSearch select.wide { width: 215px; } #start #immoSearch input.small { width: 70px; } .nivo-caption { display: none !important; }