/* AVAIN-SIVUSTON TYYLIT */

/* COMMON STYLES */
html, body, p, div, th, td, pre, h1, h2, h3, ul, li, form, fieldset, label, textarea, select, option { margin: 0; padding: 0; font-family: Arial,Helvetica,Verdana,sans-serif; }
html, body { width: 100%; height: 100%; }
body { position:relative; font-size: 12px; overflow:visible; background: url('../img/tausta_korkea.gif') left top repeat-x;}

h1, h2, h3, h4 {margin-bottom:0.5em;}
h1 {font-size:2.3em;font-weight:normal;border-bottom: 1px solid #999;margin-bottom:20px;}
h2 {font-size:1.5em;font-weight:normal;background: url('../img/palsta_katkolinja.gif') top left repeat-x;padding-top:15px;margin-top:20px;clear:left;}
#frontpage h2 {background:none; margin-top:0;padding-top:0;}
#content h2 {}
#leftcol h3 {margin:0 0 10px 0;padding-left:21px;clear:both;background: url('../img/palsta_katkolinja.gif') bottom left repeat-x;line-height: 2.5em;height:100%;}
h3 {font-size:1em;font-weight:bold;margin:20px 0 10px;}
h4 {font-size:1.1em;}
p {margin-bottom:15px;line-height:1.3em;}
p.ingressi {margin-bottom:15px;}
em {font-style:normal;font-weight:bold;}
a {text-decoration:none;}
a:link, a:visited {color:#903;}
a:hover {text-decoration:underline;}
blockquote {background:url('../img/quote_start.gif') left 5px no-repeat;margin:0 0 5px; padding: 0 0 0 40px;}
blockquote p {margin:0;}
address, .businesscard {position:relative;display:block; float:left; width: 270px;margin:0 10px 10px 0;font-style:normal;}
.businesscard {height:120px;border:1px solid #ccc;background: url('../img/empty.jpg') top left no-repeat;border-right:none; border-bottom:none;overflow:hidden;}
.businesscard.full {width:550px;margin-right:0px;}
.businesscard img {float:left; display:block;margin: 0 10px 10px 0;vertical-align:bottom;width:90px; height:120px;}
.businesscard address {display:block;position:absolute;left: 100px; top:10px;width:170px; margin:0;vertical-align:text-bottom;}
.businesscard .title {}
.credit {margin-bottom:20px;}
h3.subheading {clear:both;font-size:1.5em;font-weight:normal;padding-top:20px;}

#contentpage #content a {font-weight:bold;}
#contentpage #content ul {margin: 0 0 15px;padding-left:0;}
#contentpage #content li {list-style-type:none;background:url('../img/bull_333.gif') 0 4px no-repeat;padding-left: 15px;}
#contentpage #content .endcontent {border:0; background: transparent;width: 623px; height: 20px; margin: 10px -23px 0 -23px; padding:0;background: url('../img/linja_palstan_alareuna.gif') left bottom no-repeat;clear:both;}
#content .endcontent hr {display:none;}
div.last {margin-right:0;}
a.external {display:inline-block;padding-right:14px;background: url('../img/external.gif') right center no-repeat;}
.pdf {background: url('../img/pdf_symboli.gif') right center no-repeat;padding-right:18px;}
.uppercase {text-transform:uppercase;}
.clearboth {clear:both;}

/* LAYOUT */
#layout, #content, #leftcol, #sitename, #footer {position:relative;}
#header, #navi {position:absolute;left:0px;width: 100%;}

#layout {margin: 0 auto; width: 950px; color: #333; overflow:hidden;}
#header {float:left;top:0px; left:0px;height:70px; clear:both;}
#footer {background:url('../img/footer_tausta.gif') left top repeat-x;width: 100%;height:100px;text-align:center;clear:both;}
#footer div {width:950px;height:100px;margin:0 auto;background:url('../img/footer_slogan.gif') center top no-repeat;}
#footer div span {display:none;}
#navi {top: 455px;height:47px; font-size:1.2em;}
/*
#navi {top: 455px;width: 950px;left:50%;margin-left:-475px;height:47px; font-size:1.2em;}
*/
#leftcol {float:left;width: 315px;margin-top: 175px;left:0px;background: url('../img/navi_vasen_tausta.gif') top left no-repeat;padding-bottom:20px;}
#menu, #linkit_palveluihimme {padding-top: 18px;font-size:1.2em;}

#sitename {width: 1196px; height: 70px; left:50%;margin-left:-598px;background: url('../img/logopalkki.gif') left top no-repeat;}
#sitename a {position:absolute;display:block;width: 536px; height: 37px; left:121px;top:18px;}
#sitename a span {display:none;}
#parent {position:absolute;left:50%;margin-left:364px;top:34px;width:111px;height:17px;}
#parent a {display:block;width:100%;height:100%;}
#parent span {display:none;}

#pageimage {position:relative;top:107px;left:0px;width: 950px; height:310px;}
#content {float:left;margin-top:175px;margin-bottom:35px;background: #fff;}
#subpage #content, #contentpage #content {width: 577px;padding:20px 23px 0 35px;float:right;background: #fff url('../img/palstan_taustahaive.gif') left top no-repeat;}

#header hr, #navi hr {display:none;}

/* NAVI & MENU */
#navi .wrapper {width:950px;margin: 0 auto;height:100%;background: url('../img/linja_vaakanavin_alle.gif') left 27px no-repeat;}
#navi .divider {float:left;height:27px; width:1px;background: url('../img/vaakanavi_katkopystylinja.gif') left top repeat-y;}
#navi ul {list-style-type:none;height:100%;background: url('../img/vaakanavi_tausta.gif') left top repeat-x;}
#navi li {height:100%;padding: 0 1px 0 1px;}
#navi li a {background:url('../img/raquo_fff.gif') left 8px no-repeat;}
#navi li.navi_active {background:url('../img/vaakanavi_1px_pystylinja.gif') left top repeat-x;}
#navi li.navi_active a {background:url('../img/bull_fff.gif') left 8px no-repeat;padding-left:15px;}

#navi li strong {display:block;float:left;height:100%;background: url('../img/vaakanavi_hl_tausta.gif') left top repeat-x;padding: 0 18px;}
#navi li a {display:block;height:23px;padding:4px 0 0 15px;float:left;}
#navi a:link, #navi a:visited {color:#fff;}

#navi_primary {float:left;width: 649px;}
#navi_primary li {float:left;margin-left: 18px;}
#navi_secondary {float:right;width:300px;}
#navi_secondary li {float:right;margin: 0 18px 0 10px;}

#menu ul, #linkit_palveluihimme ul {padding-bottom: 10px; list-style-type:none;line-height:1.5em;font-weight:bold;background:url('../img/valilinja.gif') left bottom repeat-x;}
#linkit_palveluihimme ul li a {background:url('../img/raquo_903.gif') left 4px no-repeat;padding-left:15px;}
#linkit_palveluihimme ul {background:none;}
#linkit_palveluihimme ul li li a.external {background: url('../img/external.gif') right center no-repeat;}
#linkit_palveluihimme ul ul, #linkit_palveluihimme li li {font-weight:normal;background:none;padding:0;margin: 0;background:none;}
#menu li, #linkit_palveluihimme li {line-height:25px;height:25px;padding: 0 17px 0 21px; margin-bottom:0;}
#linkit_palveluihimme li {height: auto;}
#menu li.menu_active {background: url('../img/navi_vasen_hl.gif') left bottom no-repeat;}
#menu li.menu_active a {color:#333;}
#menu li a {background:url('../img/raquo_903.gif') left 4px no-repeat;padding-left:15px;}
#menu li.menu_active a {background:url('../img/bull_333.gif') 1px 5px no-repeat;}
#menu strong a {color:#333;}
#menu ul span {display:inline-block;font-size:1.5em;width: 0.5em;}

#myynti_asiakaspalvelu,
#yhteydenotto,
#lataa_pdf_reader {margin: 0 12px 12px 18px;}
#myynti_asiakaspalvelu a,
#lataa_pdf_reader a {font-weight:bold;}
#leftcol dl {padding:0;margin:0;}
#leftcol dt {padding:0;margin:0;}
#leftcol dt span {background:url('../img/bull_fff.gif') left 4px no-repeat;padding-left:15px;}
#leftcol dd strong {display:block;margin-top:10px;}
#leftcol dd {margin-left:15px;}
#leftcol .info {margin-top:10px;margin-bottom:10px;}
#myynti_asiakaspalvelu, #yhteydenotto {border:4px solid #fff;}
#yhteydenotto {margin-top:15px;}
#myynti_asiakaspalvelu {margin-top:15px;}
#myynti_asiakaspalvelu dl, #yhteydenotto dl {background: url('../img/myynti_aspa_alalinja.gif') left bottom no-repeat;padding-bottom:10px;margin-top:-10px;}
#myynti_asiakaspalvelu dt, #yhteydenotto dt {margin:10px 0;line-height: 21px;height:21px;font-size:1.2em;padding:0 0 0 15px;color: #fff;background: #a8a8a8 url('../img/myynti_aspa_ots_palkki.gif') left bottom no-repeat;}
#yhteydenotto li {list-style-type:none; margin: 0 0 10px; padding: 0;}

/* FORMS & INPUTS */
form {margin-bottom:10px;}
form#form_yhteydenotto li {}
textarea {overflow-y:auto;height:100px;}
input.textfield, textarea.textarea {font-family: Arial, sans-serif; font-size: 1em;padding-left:2px;}
textarea.textarea, input.textfield {width: 240px;}
.button {color:#fff;font-weight:bold;background:#903;border: 2px outset #c36;font-size:1em;font-family: Arial, sans-serif;margin-bottom:0;}


#lataa_pdf_reader dt, #lataa_pdf_reader dd {margin-left:0px;}

/* FRONTPAGE */
#frontpage h1 {display:none;}
#frontpage #content {width:100%;margin-top: 170px;background:none;float:left;clear:both;}

#frontpage .col1, #frontpage .col2, #frontpage .col3 {float:left; margin: 0 17px 10px 0;}
#frontpage .col3 {margin-right: 0;}
.boxed {background: #fff;width:255px;padding: 0 25px;overflow:visible;}
.boxed h2 {margin:0 -25px 10px;}
.boxed h2 a {display:block; height:60px;}
.boxed h2 a span {display:none;}
.boxed h3 {padding-top:8px;margin:0 0 5px;background:url('../img/valilinja.gif') left top repeat-x;margin-top:0;font-size:1.2em;}
.boxed p {margin-bottom:10px;}
#content .boxed ul {font-weight:bold;list-style-type:none;font-size:1.2em;margin-left:0;}
#menu ul span, .boxed ul span {font-size:1.2em;}
.boxed li {line-height:1.2em;margin-bottom:3px;padding-left:0;margin-left:0;background:url('../img/raquo_903.gif') left 5px no-repeat;padding-left:15px;}

#boxed_kiintvalrak, #boxed_mainostajat {height: 338px;}

#boxed_kiintvalrak {background:url('../img/etusivu_tausta_kv_ja_rak.jpg') left 60px no-repeat;}
#boxed_kiintvalrak h2 a {background: url('../img/etusivu_ots_kv_ja_rak.gif') left top no-repeat;}
#boxed_kiintvalrak ul {width: 158px;}
#boxed_kiintvalrak h3 {margin: 0 70px 5px 0; }

#boxed_mainostajat {background:url('../img/etusivu_tausta_mainostajat.jpg') left 60px no-repeat;}
#boxed_mainostajat h2 a {background: url('../img/etusivu_ots_mainostajat.gif') left top no-repeat;}

#boxed_yhteystiedot {height:187px;background:url('../img/etusivu_tausta_yht_tiedot.gif') left 60px no-repeat;}
#boxed_yhteystiedot h2 a {background: url('../img/etusivu_ots_yht_tiedot.gif') left top no-repeat;}

#boxed_avainlehti {height:141px;background:url('../img/etusivu_tausta_avain.gif') left 30px no-repeat;}
#boxed_avainlehti.boxed h2 a {background: url('../img/etusivu_ots_avain.gif') left top no-repeat;height:30px;}

/* SUBPAGE */
#subpage .col1, #subpage .col2 {float:left;margin-bottom:20px;}
#subpage .col1 {margin-right: 44px;}

.introbox {width: 266px; height: 117px;}
.introbox h2 {display:none;}
#introbox_kotisivut.introbox h2 {display:block;margin:0;padding:0;font-size:1em;font-weight:bold;position:absolute;background:#fff;height:22px;}
.introbox p {width: 100%; height: 100%;}
.introbox p a, .introbox p a:link, .introbox p a:visited {display:block;width:175px; height: 90px;padding: 27px 91px 0 0; color:#333;}
.introbox p a:hover {color: #903;text-decoration:none;}
.introbox p a strong {color: #903;}
.introbox p span {font-size:1.2em;}

#introbox_etuovicom_netti {background: url('../img/esittely_tausta_etuovi_netti.gif') left top no-repeat;}
#introbox_etuovicom_lehti {background: url('../img/esittely_tausta_asuntomedia.gif') left top no-repeat;}
#introbox_vuokraovicom {background: url('../img/esittely_tausta_vuokraovi.gif') left top no-repeat;}
#introbox_kivi {background: url('../img/esittely_tausta_kivi.gif') left top no-repeat;}
#introbox_kotisivut {background: url('../img/kuvitus_esittely_kotisivut.gif') left top no-repeat;}
#introbox_rei {background: url('../img/esittely_tausta_rei.gif') left top no-repeat;}
#introbox_tutka {background: url('../img/esittely_tausta_tutka.gif') left top no-repeat;}

/* CONTENTPAGE */
#contentpage .col1 {width: 290px;}
img.illustrative {float:right;clear:right;margin: 0 0 15px 15px;}

#contentpage #content .links ul, #contentpage #content .hyodyt ul {margin:0;font-weight:bold;}
#contentpage #content .links ul {padding: 10px 20px 5px 20px;background: url('../img/pdf_tila_linja_ala.gif') left bottom no-repeat;}
#contentpage #content .hyodyt ul  {padding: 0 20px 0 20px;margin:0;}
.links, .hyodyt  {float:right;clear:right;width: 265px; margin:0 0 10px 10px; }
.links {background: #eee url('../img/pdf_tila_linja_yla.gif') left top no-repeat;}
.links li, .hyodyt li {margin-bottom:5px;}
.hyodyt{background: #f4e8af url('../img/hyodyt_alalinja.gif') left bottom no-repeat;padding-bottom:15px;margin: 0 0 15px 15px;}
.hyodyt h5 {font-size:1.5em; font-weight:normal; color:#fff;line-height:27px;height:27px;padding:0 0 17px 20px;background: url('../img/hyodyt_otsikkopalkki.gif') left top no-repeat;margin:0;}
.hyodyt h5 span {background:url('../img/bull_fff.gif') left 7px no-repeat;padding-left:15px;}

table {clear:both;width: 100%;text-align:left;border-collapse:collapse;line-height:1.5em;margin-bottom:15px;}
table thead th {border-bottom:1px solid #999;margin-bottom:10px;font-size:1em;font-weight:bold;padding:0 10px 5px;}
table h4 {margin:0;font-size:1em;text-transform: uppercase;}
table tbody {vertical-align:top;}
table tbody th, table tbody td {padding:0 0 5px;}
table#mediakortit tbody th, table#mediakortit tbody td {padding:5px 10px 10px;}
table tbody .odd {background: #eee;}
#col_lehti {width:30%;}
#col_jakelu {width:40%;}
#col_uusinlehti {}








/* ADVERTISE */

#footer_ma {background:url('../img/footer_tausta_ma.gif') left top repeat-x;width: 100%;height:100px;text-align:center;clear:both;}


#footer_ma {position:relative;}
#footer_ma div {width:950px;height:100px;margin:0 auto;background:url('../img/footer_slogan_ma.gif') center top no-repeat;}
#footer_ma div span {display:none;}

#subpage_ma .col1, #subpage_ma .col2 {float:left;margin-bottom:20px;}
#subpage_ma .col1 {margin-right: 44px;}

#subpage_ma #content {width: 577px;padding:20px 23px 0 35px;float:right;background: #fff url('../img/palstan_taustahaive.gif') left top no-repeat;}

#navi_ma {position:absolute;left:0px;width: 100%;}
#navi_ma {top: 455px;height:47px; font-size:1.2em;}
#navi_ma hr {display:none;}

#navi_ma .wrapper_ma {width:950px;margin: 0 auto;height:100%;background: url('../img/linja_vaakanavin_alle.gif') left 27px no-repeat;}
#navi_ma .divider_ma {float:left;height:27px; width:1px;background: url('../img/vaakanavi_katkopystylinja.gif') left top repeat-y;}
#navi_ma ul {list-style-type:none;height:100%;background: url('../img/vaakanavi_tausta.gif') left top repeat-x;}
#navi_ma li {height:100%;padding: 0 1px 0 1px;}
#navi_ma li a {background:url('../img/raquo_fff.gif') left 8px no-repeat;}
#navi_ma li.navi_active_ma {background:url('../img/vaakanavi_1px_pystylinja.gif') left top repeat-x;}
#navi_ma li.navi_active_ma a {background:url('../img/bull_fff.gif') left 8px no-repeat;padding-left:15px;}

#navi_ma li strong {display:block;float:left;height:100%;background: url('../img/vaakanavi_hl_tausta.gif') left top repeat-x;padding: 0 18px;}
#navi_ma li a {display:block;height:23px;padding:4px 0 0 15px;float:left;}
#navi_ma a:link, #navi_ma a:visited {color:#fff;}

#navi_ma_primary {float:left;width: 670px;}
#navi_ma_primary li {float:left;margin-left: 18px;}
#navi_ma_secondary {float:right;width:279px;}
#navi_ma_secondary li {float:right;margin: 0 20px 0 10px;}

#kavijamaarat, #profiilit, #mediakortti {margin: 0 12px 10px 18px;}
#kavijamaarat a, #profiilit a, #mediakortti a{font-weight:bold;}
#kavijamaarat, #profiilit, #mediakortti {border:4px solid #fff;margin-top:10px;}
#kavijamaarat dl, #profiilit dl, #mediakortti dl {background: url('../img/myynti_aspa_alalinja.gif') left bottom no-repeat;padding-bottom:10px;margin-top:-10px;}
#kavijamaarat dt, #profiilit dt, #mediakortti dt {margin:10px 0;line-height: 21px;height:21px;font-size:1.2em;padding:0 0 0 15px;color: #fff;background: #a8a8a8 url('../img/myynti_aspa_ots_palkki.gif') left bottom no-repeat;}
#profiilit li {list-style-type:none; margin: 0 0 10px; padding: 0;}
#col_peruutus {}
#col_maksu {width:40%;}


/* testi */