* {
  margin: 0;
  padding: 0;
}

html {
  overflow: -moz-scrollbars-vertical;
}

body {
  background: #fff url('../img/bg.png') repeat-x top;
  text-align: center;
  font-family: 'Verdana', sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #666;
  text-align: center;
}

/*pre {
  font-family: 'Verdana', sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #666;
	}*/

#container {
  background: url('../img/container-bg.png') repeat-y;
  width: 892px;
  padding: 0 12px 0 12px;
  margin: 0 auto 0 auto;
  text-align: left;
  zoom: 1;
}



#topbar {
  position: relative;
  height: 72px;
}

#topbar h1 {
  position: absolute;
  top: 14px;
  left: 11px;
  background: url('../img/logo.png') no-repeat;
  width: 70px;
  height: 30px;
  overflow: hidden;
  text-indent: -1000px;
}
#topbar .logo {
  position: absolute;
  top: 14px;
  left: 11px;
  background: url('../img/logo.png') no-repeat;
  width: 70px;
  height: 30px;
  overflow: hidden;
  text-indent: -1000px;
}

#topbar .logo a {
display:block;
width: 70px;
height: 30px;
text-indent: -9999px;
overflow: hidden;
}


#topbar h1 a {
  display: block;
  height: 100%;
}


#helper-navi {
  position: absolute;
  top: 13px;
  right: 170px;
  list-style-type: none;
  overflow: hidden;
}

#helper-navi li, #languages li {
  background: url('../img/helper-navi-divider.png') no-repeat 100% 58%;
  float: left;
  line-height: 22px;
  margin-right: -1px;
  padding-right: 1px;
}

#helper-navi a, #languages a {
  display: block;
  padding: 0 10px 0 10px;
  color: #666;
  text-decoration: none;
}

#helper-navi a:hover, #languages a:hover {
  text-decoration: underline;
}

#helper-navi li.selected a {
  color: #006BB7;
}

#languages {
  position: absolute;
  top: 38px;
  left: 722px;
  list-style-type: none;
  overflow: hidden;
  font-size: 10px;
}

#quick-search {
  background: url('../img/quick-search-input.png') no-repeat top left;
  position: absolute;
  top: 15px;
  right: 10px;
  width: 150px;
  height: 20px;
}

#quick-search input {
  margin: 3px 0 0 5px;
  width: 118px;
  border: 0;
  background: transparent;
  font-family: 'Arial', sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #666;
}

#quick-search a.submit {
  background: url('../img/quick-search-submit.png') no-repeat 50% 50%;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 18px;
  cursor: pointer;
}




#topnavi {
  position: relative;
  font-family: 'Arial', sans-serif;
  white-space: nowrap;
  overflow: hidden;
}

#topnavi ul {
  display: block;
  list-style-type: none;
  margin: 0;
}

#topnavi #level-1 {
  background: url('../img/topnavi-bg.png') repeat-x;
  height: 39px;
  padding-left: 100px;
  width: 1000px;
}

.en #topnavi #level-1 {
  padding-left: 70px;
}

.ru #topnavi #level-1 {
  padding-left: 15px;
}

#topnavi #level-1 li {
  float: left;
  display: inline;
  margin: 1px 5px 0 5px;
  line-height: 38px;
  font-size: 15px;
}

#topnavi #level-1 a {
  padding: 0 15px 0 15px;
}

#topnavi #level-1 li.selected a {
  background: #9ea8ab;
  font-weight: bold;
}

#topnavi #level-2 {
  background: #9ea8ab;
  height: 30px;
  font-size: 12px;
  padding: 0 0 0 20px;
  overflow: hidden;
  white-space: nowrap;
}

#topnavi #level-2 li {
  float: left;
  border-left: 1px solid #acb0b2;
  border-right: 1px solid #acb0b2;
  margin: 3px -1px 3px 0;
  line-height: 22px;
}

#topnavi #level-2 a {
  padding: 0 12px 0 12px;
}

#topnavi #level-2 li.selected a {
  color: #525252;
}

#topnavi a {
  display: block;
  color: #fff;
  text-decoration: none;
}

#topnavi a:hover {
  text-decoration: underline;
}

#topnavi li.selected a {
  text-decoration: none;
  cursor: default;
}



#header {
  position: relative;
  overflow: hidden;
}

#header .image {
  height: 100%;
  float: left;
  width: 550px;
}

#header div.text {
  background: #e5e8ee;
  float: right;
  display: inline;
  width: 285px;
  height: 100%;
  padding: 0 27px 0 30px;
}

#header h1, #header p {
  margin: 10px 0 10px 0;
}

#header h1 {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  margin-top: 25px;
  margin-bottom: 5px;
}

#header h1 a {
  border-bottom: 1px solid #999;
  color: #666;
  text-decoration: none;
}

#header .text form {
  margin-top: 10px;
}

#header .text label {
  float: left;
  clear: left;
  width: 60px;
  margin-right: 8px;
  text-align: right;
  padding-top: 3px;
}

#header .text select, #header .text fieldset {
  float: left;
  width: 215px;
  margin: 0 0 5px 0;
  font: normal 12px 'verdana', sans-serif;
}

#header .text fieldset {
  font-size: 11px;
}

#header .text select {
  padding: 2px;
}

#header .text input {
  vertical-align: middle;
}

#header .text input.text {
  font: normal 12px 'verdana', sans-serif;
  padding: 2px;
}

#header .text fieldset {
  border: 0;
  padding: 2px 0 0 0;
}

#header .text span#kohteet {
  margin-left: 23px;
  _margin-left: 10px;
}
#header .text input.checkbox {
  padding: 5px;
  margin-left: 10px;
}

#header .text .submit {
  clear: both;
  margin-left: 68px;
  margin-top: 5px;
}

#header .countries {
  float: right;
  width: 150px;
  margin-right: -10px;
}

#header .countries p {
  margin: 0 0 2px 0;
  float: left;
  white-space: nowrap;
  width: 75px;
}



#content {
  margin: 1px 0 0 0;
  padding-bottom: 30px;
  zoom: 1;
}

#content.half-columns {
  background: url('../img/content-half-columns.png') repeat-y;
}

#content .left-half {
  background: #fff url('../img/content-gradient-light.png') repeat-x top;
  width: 390px;
  padding: 28px;
  float: left;
  display: inline;
}

#content .right-half {
  background: #eaeaea url('../img/content-gradient-dark.png') repeat-x top;
  width: 390px;
  padding: 28px;
  float: right;
  display: inline;
}

#content .right-half hr {
  clear: both;
  border: 0;
  border-top: 1px solid #c7c7c7;
  height: 0;
  margin: 16px -14px 16px -14px;
}

#content h1, #content h2, #content h3, #content h4, #content p, #content table {
  margin: 16px 0 16px 0;
}

#content ul {
  margin: 16px 0 16px 20px;	
}

#content h1, #content h2, #content h3, #content h4 {
  font-family: 'Arial', sans-serif;
  color: #000;
}

#content h1 {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
}

#content h2 {
  font-size: 15px;
  font-weight: normal;
}

#content h3 {
  font-size: 13px;
}




#footer {
  margin: 0 -12px 0 -12px;
  padding: 20px 25px 0 25px;
  height: 30px;
  background: url('../img/footer.png') no-repeat top left;
}

#footer p.left {
  float: left;
}

#footer p.right {
  background: url('../img/footer-phone.gif') no-repeat left;
  padding-left: 20px;
  float: right;
}

#footer a {
  color: #666;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#footer p.left span {
  color: #bbb;
  margin: 0 4px 0 4px;
}



/* Etusivu */

.frontpage #header {
  height: 240px;
}

.frontpage #content {
  background: #fff url('../img/content-gradient-light.png') repeat-x top;
  padding: 30px 20px 30px 20px;
}

#content .banners {
  float: left;
  display: inline;
}

.frontpage #content .banners {
  width: 615px;
}

#content .banner {
  float: left;
  display: inline;
}

.frontpage #content .banner {
  width: 180px;
  margin-right: 25px;
}

#content .banner img {
  width: 100%;
  height: 150px;
  border-bottom: 10px solid #e5e8ee;
}

#content .banner h2 {
  margin: 10px 0 5px 0;
}

#content .banner p {
  margin: 5px 0 16px 0;
}

#content .additional-text {
  float: right;
  width: 200px;
}

#content .additional-text p {
  margin: 10px 0 10px 0;
}

#content .additional-text h1 {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin: 0 0 10px 0;
}

#content .additional-box {
  background: #f2e4d7;
  margin-top: 20px;
  padding: 10px;
}

#content .news {
  border-left: 1px solid #ccc;
  width: 220px;
  float: right;
  display: inline;
  padding: 0 0 15px 15px;
}

#content .news-item {
  margin: 0;
  font-size: 10px;
  line-height: 13px;
}

#content .news .date {
  margin: 16px 0 0 0;
  color: #005cbb;
}

#content .news a {
  color: #666;
  text-decoration: none;
}

#content .news a:hover {
  text-decoration: underline;
}

#content .stock .date {
  background: url('../img/news-stock.gif') no-repeat 70px 50%;
}



/* Osion etusivu */

.area-frontpage #header {
  height: 193px;
}

.area-frontpage #content {
  background: #fff url('../img/content-gradient-light.png') repeat-x top;
  padding: 30px 15px 30px 15px;
}

.area-frontpage #content .banners {
  margin-right: -20px;
}

.area-frontpage #content .banner {
  width: 200px;
  margin-right: 20px;
}



/* Alasivu - 2 palstaa */

.subpage #header {
  height: 163px;
}

.subpage #content {
  background: #fff url('../img/two-column-bg.png') repeat-x top left;
  margin-bottom: 20px;
  padding: 15px 0 30px 0;
}

.subpage #content .text {
  float: left;
  display: inline;
  width: 485px;
  margin: 0 0 0 30px;
  zoom: 1;
}

#content .text h1, .subpage #content .side h1, #content .full h1 {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.subpage #content .side {
  width: 285px;
  float: right;
  display: inline;
  margin: 0 27px 0 0;
}



/* Alasivu - Leve? */

#content .full {
  width: 830px;
  margin: 0 0 0 30px;
}

.wide #content {
  background: #fff url('../img/content-gradient-light.png') repeat-x top;
}


/* Kohdelistaukset */

#content .flat-listing {
  margin: 0 0 20px 0;
}

#content .flat-listing td {
  padding-top: 12px;
  padding-bottom: 12px;
}

#content .flat-listing .list-wrapper {
  padding: 8px 0 8px 0;
}

#content .flat-listing .list td {
  padding: 4px 6px 4px 6px;
}

#content .flat-listing p {
  margin: 0;
}

#content .flat-listing .info {
  width: 240px;
}

#content .flat-listing a {
  font-size: 12px;
  font-weight: bold;
  color: #666;
  text-decoration: none;
}

#content .flat-listing a:hover {
  color: #999;
  text-decoration: underline;
}

#content .flat-listing td.image {
  width: 150px;
  line-height: 0;
  padding: 4px;
}

#content .flat-listing td.image-wider {
  width: 280px;
  line-height: 0;
  padding: 4px;
}

#content .flat-listing td.image img, #content .flat-listing td.image-wider img {
  border: 2px solid #fff;
}

#content .flat-listing p.status {
  float: left;
  margin: 12px 0 0 0;
  background: #E9EEEE;
  line-height: 20px;
  padding: 0 10px 0 10px;
  -moz-border-radius: 5px;
  font-size: 10px;
}
#content .flat-listing p.status-variant {
  float: left;
  margin: 12px 0 0 0;
  background-color: #F2E4D7;
  line-height: 20px;
  padding: 0 10px 0 10px;
  -moz-border-radius: 5px;
  font-size: 10px;   
  margin-left: 10px;
}

#content .flat-listing td {
  padding-top: 12px;
  padding-bottom: 12px;
}

.flat-search-type {
  position: absolute;
  top: 12px;
  right: 18px;
}

.flat-search-type a {
  background: url('../img/flat-search-type_v2.png') no-repeat;
  display: block;
  float: left;
  cursor: pointer;
  height: 28px;
  text-indent: -1000px;
  overflow: hidden;
}

.flat-search-type a.opt1 {
  /*width: 77px;*/
  width: 65px;
  background-position: top left;
}
.flat-search-type a.opt1.selected {
  background-position: bottom left;
}

.flat-search-type a.opt2 {
  /*width: 84px;*/
  width: 105px;
  background-position: top right;
}
.flat-search-type a.opt2.selected {
  background-position: bottom right;
}

.flat-search-type a.selected {
  cursor: default;
}

#show-help {
  color: #666;
  margin-left: 5px;
  text-decoration: none;
  display: block;
}

#karttahaku {
  color: #666;
  margin-left: 5px;
  margin-top: 5px;
  text-decoration: none;
  display: block;
}
a#karttahaku:hover {
text-decoration:underline;
}

#show-help:hover {
  text-decoration: underline;
}

#hakuohje, #hakuohjeet {
  position: absolute;
  top: 310px;
  left: 50%;
  background: #fff;
  margin: 0 0 0 -5px;
  padding: 20px;
  border: 3px solid #9ea8ab;
  -moz-border-radius: 3px;
  width: 400px;
  text-align: left;
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

#hakuohje h1, #hakuohje p, #hakuohjeet h1, #hakuohjeet p {
  margin: 0 0 16px 0;
}

#hakuohje ul, #hakuohjeet ul {
  margin: 16px 0 0 16px;
}

#hakuohje a.close, #hakuohjeet a.close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 60px;
  height: 22px;
  background: url('../img/button-sulje.png') no-repeat 50% 50%;
  cursor: pointer;
  text-indent: -1000px;
  overflow: hidden;
}



/* Kohdesivu */

#content .top-status {
  margin: -5px 0 -10px 0;
  font-size: 12px;
  color: #999;
}

#content p.note {
  background: #e0f5ff;
  margin: -5px -5px 10px -10px;
  padding: 5px 10px 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#content p.note b, #content p.note2 b {
  color: #65afb8;
}

#content p.note2 {
  background: #e0f5ff;
  float: left;
  padding: 5px 10px 5px 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#content .tabs {
  position: relative;
  height: 28px;
  list-style-type: none;
  margin: 0;
  z-index: 100;
}

a.back {
  position: relative;
  float: right;
  text-decoration: none;
  z-index: 110;
}

.clearer {
  clear: both;
}

.tabs li {
  float: left;
  background: #f1f1f1;
  border: 1px solid #c7c7c7;
  line-height: 27px;
  margin: 0 3px 0 0;
  padding: 0 15px 0 15px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-radius-topleft: 3px;
  -webkit-border-radius-topright: 3px;
  cursor: pointer;
}

.tabs li.selected {
  background: #fff;
  border-bottom: 1px solid #fff;
  cursor: default;
}

.tabbed-images {
  position: relative;
  background: #fff url('../img/loader-1.gif') no-repeat 50% 50%;
  border: 1px solid #c7c7c7;
  margin: 0 0 50px 0;
  padding: 10px 0 10px 0;
  text-align: center;
  z-index: 50;
  min-height: 200px;
  font-size: 0;
  line-height: 0;
}

#content p.zoom {
  background: url('../img/image-zoom.png') no-repeat;
  width: 27px;
  height: 28px;
  position: absolute;
  right: 15px;
  bottom: 10px;
  margin: 0;
}

#content .tabbed-images p.zoom {
  bottom: 15px;
}

#content .zoom-wrapper {
  position: relative;
  line-height: 0;
}

#content p.image-selector {
  position: absolute;
  bottom: -30px;
  left: 0;
  color: #000;
  margin: 0 0 0 0;
  line-height: 20px;
  height: 20px;
  font-size: 11px;
}

p.image-selector span {
  float: left;
  margin-right: 5px;
}

p.image-selector a {
  float: left;
  padding: 0 6px 0 6px;
  color: #006bb7;
  cursor: pointer;
  font-weight: bold;
}

p.image-selector a.selected {
  background: #fff;
  color: #666;
}

#content .table-wrapper {
  margin: 0 -6px 0 -6px;
}

#content .table-wrapper table {
  margin: 0;
  width: 100%;
  border-collapse: collapse;
}

#content th, #content td {
  vertical-align: top;
}

#content table p {
  /*margin: 0;*/
}

#content .table-wrapper th, #content .table-wrapper td {
  padding: 4px 6px 4px 6px;
}

.flat-subpage #content th, .flat-subpage #content td {
  white-space: nowrap;
}

#content .table-wrapper th {
  background: #e9eeee;
  color: #000;
  font-size: 10px;
  font-weight: normal;
  border-bottom: 1px solid #fff;
}

#content table.list tr:hover td, #content table.list tr.hover td {
  background: #dbedef;
}

#content table.list tr:active td, #content table.list tr.selected td {
  background: #cfecef;
}

#content table.list tr.disabled td {
  cursor: default;
}

#content table.list td {
  cursor: pointer;
}

#content td a.reserved {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ed9d11;
}

#content td a.sold {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ed4511;
}

#content .detail-left {
  float: left;
  width: 130px;
  font-size: 13px;
  line-height: 18px;
}

#content .detail-right {
  float: right;
  width: 240px;
}

#content .detail-left p, #content .detail-right p {
  margin-top: 0;
}

#content dt {
  font-weight: bold;
  clear: left;
  float: left;
  margin-right: 5px;
}

#content dd {
  float: left;
}

#content .right-half dl {
  margin: 16px 0 16px 0;
}

.apartment-buttons {
  float: right;
  line-height: 0;
  margin: 0 -15px 16px 0;
}

.apartment-buttons a {
  display: block;
  margin: 0 0 5px 0;
}



/* Yl?navigaation alasivut */

.helper-subpage #content {
  background: #fff url('../img/content-gradient-light.png') repeat-x top;
  padding: 15px 0 30px 0;
}

#content #sidenavi {
  width: 155px;
  margin: 0 0 0 25px;
  float: left;
  display: inline;
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  line-height: 16px;
}

#sidenavi li {
  margin-top: 8px;
  margin-bottom: 8px;
}

#sidenavi h1 {
  margin-bottom: 14px;
}

#sidenavi ul {
  margin: 0 0 15px 0;
  list-style-type: none;
}

#sidenavi a {
  color: #666;
  text-decoration: none;
}

#sidenavi a:hover {
  text-decoration: underline;
}

#sidenavi li.selected a {
  font-weight: bold;
}

#sidenavi li.selected li a {
  font-weight: normal;
}

#sidenavi li.selected li.selected a {
  font-weight: bold;
}

#sidenavi li.selected li.selected li a {
  font-weight: normal;
}

#sidenavi li.selected li.selected li.selected a {
  font-weight: bold;
}

#sidenavi ul ul {
  margin: 5px 0 5px 0;
  padding: 2px 0 2px 4px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  font-size: 11px;
}

#sidenavi ul ul ul {
  margin: 0;
  padding: 0;
  border: 0;
}

#sidenavi ul ul li {
  background: url('../img/sidenavi-arrow.png') no-repeat 0 3px;
  padding-left: 12px;
}

.helper-subpage .text {
  width: 645px;
  margin: 0 27px 0 0;
  float: right;
}

.helper-subpage #content .text h1 {
  font-size: 18px;
  line-height: 22px;
}

.helper-subpage #content hr {
  border: 0;
  border-top: 1px solid #dfdfdf;
  height: 0;
}


.helper-subpage #content .columns {
  margin: 16px 0 16px 0;
}

.helper-subpage #content .left {
  float: left;
  display: inline;
  width: 300px;
}

.helper-subpage #content .right {
  float: right;
  display: inline;
  width: 300px;
}


#popup-dim {
  background: #e5e5e5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0.66;
  z-index: 10000;
}

#popup-overlay {
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 752px;
  height: 526px;
  margin: -250px 0 0 -400px;
  display: none;
  border: 1px solid #acb4b5;
  -moz-border-radius: 3px;

  padding: 10px;

  text-align: center;
  z-index: 10002;
}

#popup-overlay a.close {
  background: url('../img/button-sulje-kuva.png') no-repeat;
  position: absolute;
  top: -31px;
  right: -1px;
  width: 111px;
  height: 34px;
  overflow: hidden;
  text-indent: -1000px;
  cursor: pointer;
}

#content p.image-text {
  font-size: 10px;
  line-height: 14px;
  margin-top: 5px;
}



#content .pagination {
  background: #E9EEEE;
  line-height: 22px;
  height: 22px;
  margin: 0 0 16px 0;
  padding: 1px 10px 1px 10px;
  color: #000;
}

#content .pagination p {
  float: left;
  margin: 0 20px 0 0;
}

#content .pagination a {
  float: left;
  color: #000;
  text-decoration: none;
  padding: 0 8px 0 8px;
}

#content .pagination a:hover {
  background: #fff;
}

#content .pagination a.selected {
  font-weight: bold;
}


#content .status-ok {
  padding: 0 10px 0 10px;
  background: #e6ffb5;
  color: #48a900;
  line-height: 28px;
}

#content .status-error {
  padding: 0 10px 0 10px;
  background: #fcece8;
  color: #df2f00;
  line-height: 28px;
}


#content .news-section {
  position: relative;
  background: #e9eeee url('../img/news-section.png') repeat-x top;
  height: 32px;
  margin: 1px 0 0 0;
  overflow: hidden;
}

#content .news-section h3 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  line-height: 32px;
  margin: 0 10px 0 0;
  padding-left: 28px;
  background: url('../img/news-toggle.png') no-repeat left top;
  cursor: pointer;
}

#content .news-section table {
  background: #fff;
  margin: 0 3px 0px 3px;
  width: 639px;
}

#content .news-section-selected {
  height: auto;
  overflow: visible;
}

#content .news-section-selected h3 {
  background-position: left bottom;
}

#content .news-section-selected table {
}

#content .news-section p.loader {
  position: absolute;
  top: 0;
  right: 10px;
  margin: 0;
  opacity: 0;
  line-height: 32px;
}

#content .news-section td {
  padding-right: 20px;
}

#content .news-section td.date {
  width: 20%;
  padding-right: 0;
  padding-left: 20px;
}

#content .news-section td p {
  margin: 8px 0 8px 0;
}

#content .news-front {
  list-style-type: none;
}

#content .news-front li {
  margin: 16px 0 16px 0;
}

#content .news-front span {
  display: block;
  font-size: 10px;
  color: #006BB7;
}

#content a {
  color: #0d8dd7;
}

#content a:hover {
  color: #30b0fa;
}

#content #sidenavi a {
  color: #666;
}


#fonecta-more {
  position: relative;
  background: url('../img/fonecta.png') no-repeat bottom left;
  height: 80px;
  padding: 2px 100px 0 12px;
  margin-left: 10px;
  font-size: 10px;
  line-height: 13px;
  color: #555;
  text-align: left;
}


#fonecta-more p {
  margin: 8px 0 8px 0;
}

#fonecta-more a {
  color: #555;
  text-decoration: none;
}

#fonecta-more a:hover {
  color: #999;
  text-decoration: underline;
}

#fonecta-more .link-02 {
  position: absolute;
  top: 5px;
  right: 40px;
  width: 55px;
  height: 70px;
  overflow: hidden;
  text-indent: -1000px;
}


.clear {
  clear: both;
}

a img {
  border: 0;
}

a.previousSlide{
  display: block;
  width: 32px;
  height: 32px;
  float: left;
  padding: 0px !important;
  background: url(../img/arrow_left.png);
}
a.previousSlide:hover{
  background: url(../img/arrow_left_hover.png);
}
a.nextSlide{
  display: block;
  width: 32px;
  height: 32px;
  float: right;
  padding: 0px !important;
  background: url(../img/arrow_right.png);
}
a.nextSlide:hover{
  background: url(../img/arrow_right_hover.png);
}

a.prevSlide{
  display: block;
  width: 32px;
  height: 32px;
  float: left;
  padding: 0px !important;
  background: url(../img/arrow_left.png);
}
a.prevSlide:hover{
  background: url(../img/arrow_left_hover.png);
}
a.nexSlide{
  display: block;
  width: 32px;
  height: 32px;
  float: right;
  padding: 0px !important;
  background: url(../img/arrow_right.png);
}
a.nexSlide:hover{
  background: url(../img/arrow_right_hover.png);
}


/*HUONEISTO POPUP */

#apartment-popup #images-huoneisto {

}
#apartment-popup #info-huoneisto {

}

#apartment-popup {
position:absolute;
top: 50%;
left: 50%;
margin: -250px 0 0 -420px;
width: 800px;
padding: 20px;
background: #FFF;
border: 1px solid #acb4b5;
z-index: 10001;
display:none;
text-align:left;
}

#apartment-popup .print a {
background:url('../img/button-print.png') no-repeat;
width: 110px;
height: 34px;
cursor:pointer;
overflow:hidden;
text-indent: -9999px;
display: block;
}

#apartment-popup #apartment-images {
height: 550px;
}

#apartment-popup .close {
  background: url('../img/button-sulje-tiedot.png') no-repeat;
  position: absolute;
  top: -31px;
  right: -1px;
  width: 111px;
  height: 34px;
  overflow: hidden;
  text-indent: -1000px;
  cursor: pointer;
}


/* IDEAS BLOG */

#categories {
	background-color: #83b4ba;
}

#categories .breadcrumbs a {
	text-decoration: underline;
	color: #fff;
}

#categories p.breadcrumbs {
	font-size: 1.2em;
	color: #fff;
	padding: 20px 0 20px 30px;
	border-bottom: 1px dotted #fff;
}

#categories .tagcloud {
	padding: 20px 0;
}

#categories .category {
	float: left;
	color: #fff;
	margin: 10px;
}

#categories .category a {
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	margin: 10px;
}

#categories .category a.active {
	background-image: url(../img/idea-category-highlight.png);
	background-repeat: repeat;
}

#categories .category a:hover {
	background-image: url(../img/idea-category-highlight.png);
	background-repeat: repeat;
}

#category-bg {
	width: 892px;
	position: relative;
}

#category-bg img {
	position: absolute;
	left: 0;
	top: 0;
}

.wide #content.ideas {
	background-image: none;
	margin-top: 0;
	padding-top: 0;
}

.wide #content.ideas a {
	text-decoration: none;
}

.wide #content.ideas a:hover {
	text-decoration: underline;
}

.wide .column-area {
	position: relative;
	min-height: 600px;
}

.wide #content.ideas .column-1 {
	width: 480px;
	padding-top: 30px;
}

.wide #content.ideas .column-1 .tag {
	background-image: url(../img/ideat-tag.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #fff;
	font-weight: 600;
	padding: 3px 10px 3px 7px;
}

.wide #content.ideas .column-1 h1 {
	font-size: 2.2em;
	font-weight: 200;
	margin-bottom: 0;
}

.wide #content.ideas .column-1 h2.article-heading {
	font-size: 2.2em;
	font-weight: 200;
	margin-bottom: 0;
	line-height: 22px;
}

.wide #content.ideas .column-1 h2.article-heading:hover {
	text-decoration: underline;
}

.wide #content.ideas .column-1 p.date {
	margin: 4px 0 15px 0;
	color: #83b4ba;
}

.wide #content.ideas .column-1 .like {
	height: 30px;
	margin: 15px 0 10px 0;
}

.wide #content.ideas .column-1 .comment {
	background-image: url(../img/idea-comment.png);
	background-repeat: no-repeat;
	width: 480px;
	height: 44px;
}

.wide #content.ideas .column-1 .article-text {
	margin-left: 0;
	margin: 15px 0;
}

.wide #content.ideas .column-1 .article-text h2 {
	font-size: 1.5em;
	margin: 15px 0 5px 0;
}

.wide #content.ideas .column-1 .comments {
	color: #fff;
	margin-left: 45px;
	line-height: 44px;
}

.wide #content.ideas .column-1 a.more {
	color: #fff;
	float: right;
	text-decoration: none;
	margin-right: 17px;
	padding-right: 20px;
	line-height: 44px;
}

.wide #content.ideas .column-1 a.more:hover {
	text-decoration: underline;
}

.wide #content.ideas .column-1 .blog h2 {
	font-size: 1.9em;
	font-weight: 600;
}

.wide #content.ideas .column-2 {
	width: 320px;
	position: absolute;
	right: 30px;
	top: 30px;
}

.wide #content.ideas .column-2 .category-box.hidden {
	display: none;
}

.wide #content.ideas .column-2 .box-top {
	background-image: url(../img/ideat-articles.png);
	background-repeat: no-repeat;
	width: 320px;
	height: 73px;
}

.wide #content.ideas .column-2 .box-bg {
	background-image: url(../img/ideas-box-middle.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 10px 29px 0 29px;
	margin-bottom: 30px;
}

.wide #content.ideas .column-2 .box-bg h2 {
	font-size: 1.7em;
	font-weight: 400;
	margin: 0;
	padding: 15px 0 25px 0;
}


.wide #content.ideas .column-2 .box-bg h3 {
	font-weight: 400;
	margin: 0 0 2px 0;
}

.wide #content.ideas .column-2 .box-bg a {
	text-decoration: none;
}

.wide #content.ideas .column-2 .box-bg h3:hover {
	text-decoration: underline;
}

.wide #content.ideas .column-2 .box-bg p.date {
	color: #83b4ba;
	margin: 0;
	padding: 0 0 15px 0;
}

.yhteystiedot {width: 190px; float: left;}

#content .yhteystiedot h2 {margin-bottom: 8px;}


/* Virtuaaliesitys linkki */

#virtuaali {width: 160px; float: left;}

#virtuaali h2 {margin-bottom: 8px;}

#virtuaali img {border: 3px white solid;}