/* * * Boligbasen ( BOB ) * Structure / layout * * |> Andreas Rudi Søvik * */ /* global */ body {background:#f2f2f2;font-family:Arial,Tahoma,Helvetica,sans-serif,Verdana;} /* body {background:url('http://seoulcurry.files.wordpress.com/2008/06/bob-the-builder.jpg');} */ h1, h2, h3 {font-family:Arial,Tahoma,Helvetica,sans-serif,Verdana;} h2 .tindelogo {float:right;/*line-height:26px;height:26px;*//*background:url('../graphics/bgstripe_tinde.gif');*/clear:none;display:inline;/*background-repeat:no-repeat;*/width:100px;} .mapload {background:none;color:#000;height:100%;width:100%;text-align:center;line-height:100%;z-index:5000;margin:0 auto;margin-top:20%;float:left;position:absolute;} /* share - globals */ .related {padding-left:5px;display:block;clear:both;bottom:1px;line-height:26px;font-size:12px;background:#e9e9e9;} .tips ul {display:inline;} .tips ul li {padding-left:22px;} .tips ul li.share {background:url('../graphics/ico_share.png');background-repeat:no-repeat;display:inline;} .tips ul li.email {background:url('../graphics/ico_email.png');background-repeat:no-repeat;display:inline;} .expandit {cursor:pointer;} .expandit.expanded {height:100px;} .expandit ul {position: absolute;left: -5000px;width: 4000px;} .expandit.expanded ul {position:relative;left:auto;width:auto;padding-bottom:15px;} .icolist {padding:5px;position:relative;} .icolist li {display:inline;padding-left:22px;background:left top no-repeat;line-height:20px; list-style:none;} .icolist .share-facebook {background-image: url(../graphics/ico_share_facebook.png);} .icolist .share-kudos {background-image: url(../graphics/ico_share_kudos.png);} .icolist .share-delicious {background-image: url(../graphics/ico_share_delicious.png);} /* font decorations / colours */ .highlight {font-weight:bold;} .marked {text-decoration:none;font-weight:normal;text-decoration:underline;} .colourmarked {color:#bf2525;} .colourarea {color:#62b045;} .colourhousetype {color:#62b045;} .colouryear {color:#62b045;} .colourfaded {color:#767676;font-weight:normal;} .emphasized {font-size:16px;} .price {color:#62af47;} /* header from saxo template */ #pageheader {height:31px;margin:0pt auto;position:relative;width:990px;} #pageheader #content .logo {height:31px;left:0px;position:absolute;text-align:left;top:0px;width:180px;} #pageheader #content .logo img {border:0;} #pageheader #content .teaser {left:120px;position:absolute;text-align:left;top:4px;font:14px arial;font-weight:bold;line-height:23px;} #pageheader #content .teaser a {text-decoration:underline;} #pageheader #content .teaser a:hover {text-decoration:none;} /* BOB pagewrapper */ #wrap {margin:0pt auto;padding:5px 5px 0pt;text-align:left;width:990px;position:relative;} #wrap a {color:#659acc;text-decoration:underline;} #wrap a:hover {text-decoration:none;} #wrap #autocomplete {z-index:2000;width:410px;position:absolute;left:205px;top:115px;background:#333;color:#c4c4c4;display:block;padding:5px;} #wrap #autocomplete h3 {font-size:12px;margin-left:4px;display:block;} #wrap #autocomplete h3 img {margin-right:10px;} #wrap #autocomplete.inactive {display:none;} #wrap #autocomplete .search_hit {height:55px;cursor:pointer;padding:4px;margin-bottom:4px;} #wrap #autocomplete .search_hit:hover, #header .search .inputfield #autocomplete .search_hit:focus {background:#555;} #wrap #autocomplete .search_hit .acA {margin-top:8px;} #wrap #autocomplete .search_hit .highlight {color:#fff;font-weight:bold;} #wrap #rightbanner.box.ad h3 {background:#ffffff url(../graphics/isad_right.gif)no-repeat scroll right top;height:61px;position:absolute;right:-6px;text-indent:-3000px;top:5px;width:9px;} #wrap #leftbanner.box.ad h3, #wrap #netboard.box.ad h3 {background:#FFFFFF url(../graphics/isad_left.gif)no-repeat scroll right top;height:61px;position:absolute;left:-7px;text-indent:-3000px;top:5px;width:9px;} /* BOB header field */ #header {width:990px;height:auto;} #header .title, #searchheader .title {clear:both;display:block;color:#4b4b4b;line-height:18px;font-size:16px;padding-top:21px;padding-left:199px;padding-bottom:9px;} #header .title h1, #searchheader .title h1 {font-size:24px;font-weight:bold;display:inline;} #header .title a, #searchheader .title a {color:#4b4b4b;text-decoration:none;} #header .title a:hover, #searchheader .title a:hover {text-decoration:underline;} #header .title h1 .desc, #searchheader .title h1 .desc {font-size:18px;font-weight:normal;} /* search field within header */ #header .search {background-image:url('../graphics/bg_search.jpg');background-repeat:no-repeat;height:83px;clear:both;display:block;} #header .search .title {float:left;clear:none;margin-top:35px;width:196px;text-align:right;padding:0;} #header .search .title h1 {font-family:Arial, Helvetica, sans-serif;color:#fff;font-size:18px;line-height:18px;} #header .search .inputfield {clear:none;float:left;margin-left:2px;margin-top:12px;display:inline;} #header .search .inputfield p {color:#c4c4c4;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:14px;display:block;line-height:18px;} #header .search .inputfield input {display:block;background:transparent;border:medium none;height:29px;margin:1px 0px 8px;padding-top:4px;width:418px;padding:4px;color:#fff;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:16px;outline:none;} #header .search .submit {clear:none;float:right;margin-right:208px;margin-top:28px;display:inline;height:34px;width:157px;} #header .search .submit a.button {float:left;background:url('../graphics/search_down.gif');width:53px;height:34px;cursor:pointer;} #header .search .submit a.button:link, #header .search .submit a.button:visited {background:url('../graphics/search.gif');width:53px;height:34px;} #header .search .submit a.button:hover, #header .search .submit a.button:focus {background:url('../graphics/search_down.gif');width:53px;height:34px;} #header .search .submit p {display:inline;margin-left:22px;line-height:34px;} #header .search .submit a {color:#fff;text-decoration:underline;} #header .search .submit a:hover {text-decoration:none;} /* alternative style for advanced search page header */ #searchheader .title {padding-left:25px;} /* navigation bar */ #header #navbar {background:#dcdcdc;clear:both;display:block;height:32px;padding-left:7px;width:981px;} #header #navbar ul {height:32px;list-style: none;padding:0;margin:0} #header #navbar ul li {display:inline;margin-right:15px;float:left;padding-left:4px;padding-right:4px;} #header #navbar ul li a {color:#777;height:auto;line-height:32px;text-decoration:none;} #header #navbar ul li a:hover {text-decoration:underline;} #header #navbar ul li.active {background:#f2f2f2;line-height:32px;} #header #navbar ul li.active span {line-height:32px;} #header #navbar ul li.active a {background:#f2f2f2;line-height:32px;text-decoration:none;} #header #navbar ul li.active a:hover {text-decoration:underline;} /* main content */ #maincontent {clear:both;display:block;width:990px;} #maincontent .boxes {clear:none;width:798px;float:left;} /* tabular layout structure - frontpage + global */ #maincontent .row {display:block;height:260px;background:none;} #maincontent .boxes .row {padding:0;} #maincontent .tinde.row {height:auto;clear:both;padding:0px;background:#fff;} #maincontent .column {padding:0;margin:0;} #maincontent .boxes .column.left {width:532px;} #maincontent .boxes .column.right {width:261px;} #maincontent .boxes .column.left.inner {width:258px;} #maincontent .boxes .column.right.inner {width:258px;margin-left:8px;} #maincontent .boxes .column .inner {padding:0px;background:#fff;} #maincontent .boxes .column .inner p {padding-left:5px;} #maincontent .column a {color:#659acc;text-decoration:underline;} #maincontent .column a:hover {text-decoration:none;} #maincontent .column a .linkHighlight {color:#222;font-weight:bold;} /* dimension 1 */ #maincontent .column.left {float:left;width:524px;} #maincontent .column.right {float:left;width:258px;} /* dimension 2 */ #maincontent .column.left.inner {float:left;width:258px;height:260px;} #maincontent .column.right.inner {display:inline;margin-left:4px;width:258px;height:260px;} #maincontent .column.left.inner img {clear:both;display:block;margin-bottom:4px;} #maincontent .column.right.inner img {clear:both;display:block;margin-bottom:4px;} #maincontent .tinde .column.left {float:left;width:491px;height:auto;padding-left:5px;} #maincontent .tinde .column.right {display:inline;width:491px;height:auto;} #maincontent .tinde .column.left.inner {width:238px;padding-right:4px;height:auto;padding-top:5px;padding-bottom:18px;} #maincontent .tinde .column.right.inner {width:238px;padding-right:4px;height:auto;margin-left:0px;padding-top:5px;padding-bottom:5px;margin-bottom:13px;} /* headers */ #maincontent .column h2 {line-height:31px;background: url('../graphics/bgstripe.gif');background-repeat:no-repeat;color:#fff;font-size:15px;} #maincontent .boxes .column h2 {padding-left:5px;} #maincontent .column h2 .highlight {font-weight:bold;} #maincontent .column h2 .leftcorner {float:left;clear:none;display:inline;height:31px;width:14px;background:url('../graphics/bgstripe_left.gif');background-repeat:no-repeat;background-position:left;} #maincontent .column h2 .rightcorner {float:right;clear:none;display:inline;height:31px;width:14px;background:url('../graphics/bgstripe_right.gif');background-repeat:no-repeat;background-position:right;} #maincontent .column h2 a {color:#fff;text-decoration:none;} #maincontent .column h2 a:hover {text-decoration:underline;} /* merged columns */ #maincontent .column.fill {display:block;width:100%;clear:both;} #maincontent .column.fill h2 {/*background: url('../graphics/bgstripe_fill.gif');background-repeat:repeat-x;*/background:#dcdcdc;color:#777;padding-left:0px;} #maincontent .column.fill h2 .leftcorner {background:#dcdcdc;} #maincontent .column.fill h2 .rightcorner {line-height:31px;background:#dcdcdc;/*background:url('../graphics/bgstripe_tinde.gif');background-repeat:no-repeat;*/width:100px;} #maincontent .column.fill h2 a {color:#777;} #maincontent .admin {background:#fff;width:988px;} #maincontent .admin .breadcrumb {background:#333;color:#fff;height:19px;line-height:19px;padding-left:6px;} #maincontent .admin .breadcrumb p {float:left;} #maincontent .admin .breadcrumb p.logout {position:absolute;right:14px;} #maincontent .admin .breadcrumb a {color:#fff;text-decoration:none;} #maincontent .admin .breadcrumb a:hover {text-decoration:underline;} #maincontent .admin .content {height:200px;padding:10px;} #maincontent .admin .content h1 {font-size:18px;padding-bottom:10px;} #maincontent .admin .content .error {color:#b82929;font-weight:bold;padding-top:10px;} #maincontent .admin .content .message {color:#1a9311;font-weight:bold;padding-top:10px;} /* content wrapper for multi-column pages */ #maincontent #contentwrap {float:right;width:792px;min-height:500px;} /* column #1 */ #maincontent #contentwrap.left {float:left;width:788px;min-height:500px;} #maincontent #contentwrap #c1 {float:left;width:480px;display:block;min-height:200px;} #maincontent #contentwrap #c1 h1 {font-size:26px;line-height:30px;font-weight:bold;} #maincontent #contentwrap #c1 h1 .leftbox {float:left;} #maincontent #contentwrap #c1 h1 .leftbox.questionmark {line-height:36px;margin-left:6px;} #maincontent #contentwrap #c1 p {margin-top:21px;} #maincontent #contentwrap #c1 .row {height:auto;clear:both;display:block;width:100%;margin-bottom:7px;} #maincontent #contentwrap #c1 .column.left {float:left;width:45%;height:auto;} #maincontent #contentwrap #c1 .column.right {float:right;width:45%;height:auto;} #maincontent #contentwrap #c1 .column h2 {margin-top:31px;font-size:16px;font-weight:bold;background:none;color:#000;} #maincontent #contentwrap #c1 .column p {color:#767676;margin-top:5px;} #maincontent #contentwrap #c1 .deltips {margin-top:20px;} #maincontent #contentwrap #c1 .deltips ul li {display:block;} #maincontent #contentwrap #c1 .turnoverforsale {padding:5px;margin-top:20px;clear:both;} #maincontent #contentwrap #c1 .turnoverforsale h2 {font-size:18px;font-weight:bold;line-height:28px;} #maincontent #contentwrap #c1 .turnoverforsale .infobox {background:#dcdcdc;padding:5px;} #maincontent #contentwrap #c1 .box.in {padding-bottom:24px;} #maincontent #contentwrap #c1 .box.in #stats {font-size:14px;margin-top:38px;} #maincontent #contentwrap #c1 .box.in #stats img {float:left;margin-right:5px;} #maincontent #contentwrap #c1 .box.in #stats div.priceline {margin-bottom:21px;} #maincontent #contentwrap #c1 .box.in #stats .pricelabel {font-size:18px;font-weight:bold;} #maincontent #contentwrap #c1 .box.in #stats .up a, #maincontent #contentwrap #c1 .box.in #stats .up {color:#62b146;} #maincontent #contentwrap #c1 .box.in #stats .down a, #maincontent #contentwrap #c1 .box.in #stats .down {color:#6498ca;} #maincontent #contentwrap #c1 .box.in #stats .negative a, #maincontent #contentwrap #c1 .box.in #stats .negative {color:#b92728;} #maincontent #contentwrap #c1 .box.in.row #stats h2 {padding-left:0px;} #maincontent #contentwrap #c1 .box.in #stats span.diff {float:right;width:180px;} #maincontent #contentwrap #c1 .box.in #stats span.diff img {float:left;margin-right:6px;} /* column 1 - graph/map elements */ #maincontent #contentwrap #c1 .minifx {height:192px;width:230px;margin-top:23px;float:right;} #maincontent #contentwrap #c1 .minifx h2 {padding-left:6px;line-height:19px;font-size:12px;background: url('../graphics/bgstripe_artikkel.gif');background-repeat:no-repeat;color:#fff;} #maincontent #contentwrap #c1 .minifx .fxmodule {height:160px;width:229px;} #maincontent #contentwrap #c1 .minifx .fxmodule.unknownmap {background:url('../graphics/unknown_map.png');} #maincontent #contentwrap #c1 .minifx .fxmodule.unknownmap img {position:relative;left:98px;top:68px;} #maincontent #contentwrap #c1 .mainfx {width:477px;display:block;clear:both;padding:0 0 0 0;} #maincontent #contentwrap #c1 .mainfx a.search {background:url('../graphics/search_small.gif');cursor:pointer;float:right;margin-right:8px;height:25px;width:53px;margin-top:12px;} #maincontent #contentwrap #c1 .mainfx a.search:link, #maincontent #contentwrap #c1 .mainfx a.search:visited {background:url('../graphics/search_small.gif');cursor:pointer;float:right;margin-right:8px;height:25px;width:53px;} #maincontent #contentwrap #c1 .mainfx a.search:hover, #maincontent #contentwrap #c1 .mainfx a.search:focus {background:url('../graphics/search_small_hover.gif');width:53px;height:25px;} #maincontent #contentwrap #c1 .mainfx .controllers {margin-top:12px;float:left;} #maincontent #contentwrap #c1 .mainfx img.search:hover {} #maincontent #contentwrap #c1 .mainfx h2 {padding-left:6px;height:49px;font-size:14px;font-weight:bold;background: url('../graphics/bgstripe_k1.gif');background-repeat:no-repeat;color:#fff;} #maincontent #contentwrap #c1 .mainfx .row h2 {background:none;color:#000;height:auto;} #maincontent #contentwrap #c1 .mainfx h2 .title {float:left;margin-top:15px;} #maincontent #contentwrap #c1 .mainfx .fxmodule {height:420px;border:1px solid #000;} /* height 356 */ /* column 1+2 merged */ #maincontent #contentwrap #c1_wide {float:left;width:788px;display:block;min-height:200px;} #maincontent #contentwrap #c1_wide h1 {font-size:18px;font-weight:bold;line-height:31px;color:#fff;background: url('../graphics/bgstripe_fill.gif');background-repeat:repeat-x;padding-left:0px;} #maincontent #contentwrap #c1_wide h1 .leftcorner {float:left;clear:none;display:inline;height:31px;width:14px;background:url('../graphics/bgstripe_left.gif');background-repeat:no-repeat;background-position:left;} #maincontent #contentwrap #c1_wide h1 .rightcorner {float:right;clear:none;display:inline;height:31px;width:14px;background:url('../graphics/bgstripe_right.gif');background-repeat:no-repeat;background-position:right;} #maincontent #contentwrap #c1_wide h2 {font-weight:bold;font-size:14px;} /* graph and map containers for 1+2 merged */ #maincontent #contentwrap #c1_wide .mainfx {/*padding:0 0 27px 5px;*/background:#fff;padding:0;} #maincontent #contentwrap #c1_wide .mainfx .controllers {line-height:0px;margin-top:12px;float:left;} #maincontent #contentwrap #c1_wide .mainfx .controllers select#postarea {width:110px;} #maincontent #contentwrap #c1_wide .mainfx .fxmodule {border:1px #000 solid;height:498px;display:block;clear:both;} #maincontent #contentwrap #c1_wide .mainfx .fxsearch {display:block;height:49px;width:770px;} #maincontent #contentwrap #c1_wide .mainfx .fxsearch a.search {background:url('../graphics/search_small.gif');width:53px;height:25px;cursor:pointer;float:right;margin-top:12px;margin-right:1px;width:53px;} #maincontent #contentwrap #c1_wide .mainfx .fxsearch a.search:hover {background:url('../graphics/search_small_hover.gif');width:53px;height:25px;} #maincontent #contentwrap #c1_wide .mainfx .fxsearch p {line-height:50px;font-weight:bold;font-size:16px;color:#000;} #maincontent #contentwrap #c1_wide .mainfx .related a {margin-right:12px;} #maincontent #contentwrap #c1_wide .mainfx h2 {height:49px;line-height:49px;background: url('../graphics/bgstripe_k1_2.gif');background-repeat:no-repeat;color:#fff;display:block;padding-left:9px;font-size:18px;} #maincontent #contentwrap #c1_wide .mainfx.neutral h1 {background:none;color:#000;padding:0;} #maincontent #contentwrap #c1_wide .mainfx.neutral h2 {background:none;color:#000;padding:0;} #maincontent #contentwrap #c1_wide .mainfx.neutral h3 {background:none;color:#000;padding:0;font-size:16px;} #maincontent #contentwrap #c1_wide .splitfx p {color:#767676;} #maincontent #contentwrap #c1_wide .splitfx h3 {font-size:16px;} #maincontent #contentwrap #c1_wide .splitfx h2 {font-size:22px;line-height:42px;} #maincontent #contentwrap #c1_wide .splitfx .fxmodulesplit {border:1px #000 solid;float:left;border:1px #000 solid;height:500px;width:670px;clear:none;} #maincontent #contentwrap #c1_wide .splitfx .fxmodulesplitgraph {background:#f2f2f2;float:left;height:447px;width:660px;clear:none;} #maincontent #contentwrap #c1_wide .splitfx .linkedsplit {background:#fff;width:105px;float:right;} #maincontent #contentwrap #c1_wide .splitfx .linkedsplit .active {color:#62af47;font-weight:bold;text-decoration:none;} #maincontent #contentwrap #c1_wide .splitfx .linkedsplit .parent {font-size:16px;} #maincontent #contentwrap #c1_wide .splitfx .linkedsplit.areas {margin-bottom:20px;} #maincontent #contentwrap #c1_wide .splitfx .fxsearch {display:block;height:59px;width:770px;} #maincontent #contentwrap #c1_wide .splitfx .fxsearch img.search {cursor:pointer;float:right;margin-top:12px;margin-right:65px;width:53px;} #maincontent #contentwrap #c1_wide .splitfx .fxsearch p {line-height:50px;font-weight:bold;font-size:16px;color:#000;} #maincontent #contentwrap #c1_wide .splitfx .graphwrap {background:#f2f2f2;padding-top:4px;height:23px;width:660px;} #maincontent #contentwrap #c1_wide .splitfx .graphwrap .graphmarker {background:#f2f2f2;height:23px;line-height:23px;position:relative;padding:0 0 0 10px;width:210px;float:right;} #maincontent #contentwrap #c1_wide .splitfx .graphwrap .graphmarker img {position:absolute;top:0;bottom:0;left:0;padding:0;clear:right;height:23px;} #maincontent #contentwrap #c1_wide .splitfx .graphwrap .graphmarker .avgprice {position:absolute;left:28px;bottom:1px;display:inline;} #maincontent #contentwrap #c1_wide .splitfx .yearselector {background:#f2f2f2;height:40px;width:660px;display:block;clear:both;} #maincontent #contentwrap #c1_wide .splitfx .yearselector .left {float:left;width:30px;} #maincontent #contentwrap #c1_wide .splitfx .yearselector .left img {padding:10px 5px 10px 10px;} #maincontent #contentwrap #c1_wide .splitfx .yearselector .right {float:right;width:30px;} #maincontent #contentwrap #c1_wide .splitfx .yearselector .right img {padding:10px 10px 10px 5px;} #maincontent #contentwrap #c1_wide .splitfx .yearselector .middle {text-align:center;width:580px;} #maincontent #contentwrap #c1_wide .splitfx .yearselector .middle .currentyear {margin:0 auto;padding-top:10px;font-weight:bold;color:#727272;} /* triple layout structure for 1+2 merged */ #maincontent #contentwrap #c1_wide .triple {display:block;clear:both;} #maincontent #contentwrap #c1_wide .triple .element {height:70px;width:248px;} #maincontent #contentwrap #c1_wide .triple .element img {float:left;margin-right:6px;} #maincontent #contentwrap #c1_wide .triple .element.c1 {float:left;} #maincontent #contentwrap #c1_wide .triple .element.c2 {float:left;} #maincontent #contentwrap #c1_wide .triple .element.c3 {float:right;} /* search module */ #maincontent #contentwrap #c1_wide .searchcontainer {background:#fff;padding-top:17px;padding-bottom:17px;padding-left:26px;display:block;margin-bottom:8px;} #maincontent #contentwrap #c1_wide .searchcontainer .searchbox {width:385px;} #maincontent #contentwrap #c1_wide .searchcontainer .searchbox .left {float:left;display:block;width:138px;clear:none;} #maincontent #contentwrap #c1_wide .searchcontainer .searchbox .mid {display:block;width:60px;margin-left:139px;height:157px;clear:none;} #maincontent #contentwrap #c1_wide .searchcontainer .searchbox .mid img.top {padding-top:50px;} #maincontent #contentwrap #c1_wide .searchcontainer .searchbox .right {float:right;display:block;width:180px;clear:none;} #maincontent #contentwrap #c1_wide .searchcontainer .searchbox select.boxed {width:130px;height:143px;} #maincontent #contentwrap #c1_wide .searchcontainer .fill {background:none;display:block;width:100%;} #maincontent #contentwrap #c1_wide .searchcontainer .fill h2 {background:none;} #maincontent #contentwrap #c1_wide .searchcontainer .fill .submit {height:42px;line-height:42px;} #maincontent #contentwrap #c1_wide .searchcontainer .fill .submit .formbutton {cursor:pointer;} #maincontent #contentwrap #c1_wide .searchcontainer .fill .submit input {float:left;margin-right:6px;} #maincontent #contentwrap #c1_wide .searchcontainer .searchnav {margin-top:23px;margin-bottom:10px;border-bottom:#ccc 1px dotted;padding-bottom:5px;font-size:12px;color:#777;} #maincontent #contentwrap #c1_wide .searchcontainer .searchnav .search_sort {margin-left:16px;} #maincontent #contentwrap #c1_wide .searchcontainer .searchnav .nav {float:right;font-size:14px;} #maincontent #contentwrap #c1_wide .searchcontainer .searchnav .bottomnav {font-size:14px;} #maincontent #contentwrap #c1_wide .searchcontainer .searchnav #search_relevance {} #maincontent #contentwrap #c1_wide .searchcontainer .searchnav #search_date {} #maincontent #contentwrap #c1_wide .searchcontainer .searchnav #search_address {} #maincontent #contentwrap #c1_wide .searchcontainer .searchnav .nav a {color:#6896ca;font-weight:bold;} #maincontent #contentwrap #c1_wide .searchcontainer .searchnav a.active {color:#62af47;text-decoration:none;font-weight:bold;} #maincontent #contentwrap #c1_wide .searchcontainer .searchresult {margin-top:38px;margin-bottom:48px;width:509px;} #maincontent #contentwrap #c1_wide .searchcontainer .searchresult h2 {float:left;} #maincontent #contentwrap #c1_wide .searchcontainer .searchresult .price {float:right;display:inline;margin-right:225px;clear:right;} #maincontent #contentwrap #c1_wide .searchcontainer .searchresult a {} #maincontent #contentwrap #c1_wide .searchcontainer .searchresult .desc {float:left;color:#818181;} #maincontent #contentwrap #c1_wide .searchcontainer .searchresult .loc {float:right;display:inline;margin-right:225px;clear:right;color:#818181;} #maincontent #contentwrap #c1_wide .searchcontainer .resultinfo h3 {font-size:14px;margin-bottom:10px;} #maincontent #contentwrap #c1_wide .searchcontainer .resultinfo p {margin-bottom:10px;} #maincontent #contentwrap #c1_wide .searchcontainer .resultinfo ul {list-style-type:disc;list-style-position:inside;margin-bottom:20px;} #maincontent #contentwrap #c1_wide .searchcontainer .resultinfo ul li {margin-bottom:10px;} #maincontent #contentwrap #c1_wide .searchcontainer .resultinfo .red {color:#b72727;} /* column 2 */ #maincontent #contentwrap #c2 {float:right;width:304px;background:#fff;min-height:200px;} #maincontent #contentwrap #c2 .box {width:100%;display:block;clear:both;padding:0px;} #maincontent #contentwrap #c2 .box p {padding:5px;} #maincontent #contentwrap #c2 .box ul {padding:5px;} #maincontent #contentwrap #c2 .box ul li {font-size:16px;line-height:32px;display:block;} #maincontent #contentwrap #c2 .box h2 {line-height:19px;padding-left:5px;background:#000;color:#fff;font-size:14px;} /*#maincontent #contentwrap #c2 .box.tinde h2 {line-height:26px;height:31px;padding-left:5px;background:#222;background: url('../graphics/bgstripe_k2_tinde.gif');background-repeat:no-repeat;}*/ #maincontent #contentwrap #c2 .box.tinde h2 {line-height:19px;padding-left:5px;background:#000;color:#fff;font-size:14px;} #maincontent #contentwrap #c2 .box.tinde .forsale {padding-left:5px;padding-right:5px;padding-top:5px;} #maincontent #contentwrap #c2 .box.tinde .forsale ul {padding:0;margin-bottom:20px;} #maincontent #contentwrap #c2 .box.tinde .forsale ul li {font-size:13px;line-height:16px;} #maincontent #contentwrap #c2 .box.tinde .tindesearch {background:#dcdcdc;height:30px;padding:5px;clear:both;} #maincontent #contentwrap #c2 .box.tinde .tindesearch .searchline {line-height:25px;} #maincontent #contentwrap #c2 .box.tinde .tindesearch .searchline em{float:left;font-style:normal;} #maincontent #contentwrap #c2 .box.tinde .tindesearch input.txtfield {float:left;background:#f2f2f2;height:25px;border:0;margin:0px 4px 0px 4px;}/*test*/ #maincontent #contentwrap #c2 .box.tinde .tindesearch a.button {float:left;background:url('../graphics/search_small.gif');width:53px;height:25px;cursor:pointer;} #maincontent #contentwrap #c2 .box.tinde .tindesearch a.button:link, #header .search .submit a.button:visited {background:url('../graphics/search_small.gif');width:53px;height:25px;} #maincontent #contentwrap #c2 .box.tinde .tindesearch a.button:hover, #header .search .submit a.button:focus {background:url('../graphics/search_small_hover.gif');width:53px;height:25px;} #maincontent #contentwrap #c2 .box.tinde .tindesearch p {display:inline;margin-left:22px;line-height:34px;} #maincontent #contentwrap #c2 .box.tinde .tindesearch a {color:#fff;text-decoration:underline;} #maincontent #contentwrap #c2 .box.tinde .tindesearch a:hover {text-decoration:none;} /* other bobs */ #maincontent #otherbobs {background:#fff;border-top:8px solid #f2f2f2;padding-bottom:5px;width:100%;float:left;} #maincontent #otherbobs h2 {font-size:15px;padding:15px 0 15px 5px;} #maincontent #otherbobs .bobsite {background:url('../graphics/gradient.png') repeat-x;margin:0 5px 2px 5px;padding:6px 0 6px 5px;width:232px;float:left;} #maincontent #otherbobs .bobsite .black {color:#000;} /* bottom info on frontpage */ #maincontent #bottominfo {background:#e9e9e9;border-top:8px solid #f2f2f2;clear:both;float:left;width:100%;} #maincontent #bottominfo p {padding:5px;} #maincontent #bottominfo #bottomlinks {float:left;padding-left:5px;} #maincontent #bottominfo .qmark {display:block;line-height:23px;float:left;text-decoration:none;margin:0 5px 0 5px;} #maincontent #bottominfo .textlink {display:block;float:left;line-height:23px;float:left;} /* faq */ #faq {background:#fff;padding:15px 5px 10px 5px;} #faq h2 {font-size:20px;font-weight:bold;margin-bottom:20px;} #faq h2 img {float:left;margin-right:5px;} #faq h2 p {line-height:23px;} #faq .question {margin-bottom:30px;} #faq .question p {font-size:16px;font-weight:bold;margin-bottom:5px;} #faq .question ul {list-style-type:disc;list-style-position:inside;} #faq .question ul li {margin-bottom:5px;} /* hovertip */ .tip {background:transparent url('../graphics/tip-text.png') repeat-y scroll left top;padding-left:6px;font-size:12px;width:252px;} .tip-top {background:transparent url('../graphics/tip-top.png') no-repeat scroll left top;width:252px;height:10px;} .tip-bottom {background:transparent url('../graphics/tip-bottom.png') no-repeat scroll left bottom;width:252px;height:10px;} .tip-close {position:absolute;bottom:12px;right:10px;width:11px;height:11px;background:url('../graphics/close_bubble.png') 0 0 no-repeat;cursor:pointer;} .hovertip {text-align:left;font-size:10px;} .hovertip h3 {font-size:12px;font-weight:bold;padding-bottom:5px;} .hovertip p {padding-bottom:5px;} .hovertip a {color:#659acc;text-decoration:underline;} .hovertip ul {list-style-type:disc;list-style-position:inside;} /* ads */ #leftbanner {float:left;clear:none;width:180px;height:500px;background:#fff;color:#777;} #rightbanner {float:right;clear:none;width:180px;height:500px;background:#fff;color:#777;} #netboard {float:left;display:block;height:400px;width:580px;background:#fff;margin-top:9px;margin-bottom:8px;color:#777;} /* footer */ #footer { padding-bottom: 15px; } #footer .paperlogo { padding: 10px 0px 0px 0px; margin: 0px; } #footer .paperinfo { margin: 0px 27px 10px 0px; padding: 5px; float: left; border-left: 1px dotted #fff; list-style: none; color: #777777; } #footer .paperinfo p { padding: 0px 0px 2px 0px; color: #777777; } #footer .paperinfo li{ padding: 0px 0px 2px 0px; } #footer a { color: #fff; } .footernav { position:relative; clear:both; } .footernav { position: relative; width: 990px; margin: 0 auto; font-size: 12px; background: url("../graphics/gmenu_ulbg.gif") no-repeat bottom right; list-style: none; } .footernav li { float:left; line-height:20px; } .footernav li a, #footernav strong { float: left; background: url("../graphics/gmenu_right.gif") no-repeat bottom right; padding: 0px 1px 0px 0px; line-height: 32px; font-weight: normal; } .footernav a span, #footernav strong span { float: left; display: block; width: .1em; padding: 0px 13px 0px 5px; margin: 0; text-decoration: none; line-height: 32px; } .footernav a span, #footernav a { cursor: pointer; } .footernav > li a span, #footernav > li strong span { width: auto; } .footernav a, #footernav span { float: none; } .footernav a:hover span, #footernav strong span, #footernav a.current { background: #b72727; /*#08506f;*/ color: #fff; } .footernav strong { font-weight: bold; } .footernav li a { color: #222222; text-decoration: none; white-space: nowrap; }