/*** XHTML 3 column flow layout (with banners)      ***/
/*** Copyright (c) 2006 Tero Niemi (Gofort & Part.) ***/
/*** All rights reserved.                           ***/

/*** top right bottom left ***/

/*** document look **************************************************/
* {
    margin: 0;
    padding: 0;
}
BODY {
    background-color: #ffffff;
    color: #000000;
    font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 13px;
    line-height: 1.5;
}
P {
    margin: 0 10px 1.7ex 0;
    color: #000000;
    font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 11px;
    font-weight: normal; font-style: normal; text-decoration: none;
}
A {
    color: #ee9000;
    font-weight: normal; font-style: normal; text-decoration: none;
}
A.email {
    color: #005d36;
}
A:hover { text-decoration:underline; }
OL,UL,UL LI P {
    margin: 0 10px 1.7ex 0;
    color: #005d36;
    font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 11px;
    font-weight: bold; font-style: normal; text-decoration: none;
}
LI A, LI * A, A B {
    font-weight: bold;
    color: #ee9000;
}
OL.simple,UL.simple {
    color: #000000;
    font-weight: normal;
}
OL.simple A,UL.simple A {
    font-weight: normal;
}
OL { margin-left: 5ex; }
UL { margin-left: 4ex; list-style-type: square; }
LI { margin-bottom: 1ex; }
H1,H2,H3,H4,H2 A {
    color: #769e73;
    margin: 2ex 0 0.7ex 0;
    padding: 0 0 0 0;
    font-weight: bold; font-style: normal; text-decoration: none;
    line-height: 1.2;
}
H1 {
    margin-top: 1.5ex;
    font-size: 20px;
    color: #005d36;
}
H2,H2 A { font-size: 15px;}
H3,H4 { font-size: 13px;}
B {
    color: #005d36;
    font-weight: bold; font-style: normal; text-decoration: none;
}
.plain {
    color: #000000;
    font-weight: normal; font-style: normal; text-decoration: none;
}
/*** /document look *************************************************/

/*** page elements **************************************************/
.smMark {
    font-family: 'Lucida Sans Unicode','Lucida Sans','Arial Unicode MS',Arial,Helvetica,sans-serif;
    font-weight: normal; font-style: normal; text-decoration: none;
}
H1.pageTitle {
    margin: 3px 3px 0.8ex 0;
    padding: .5ex 0 .5ex 0;
    font-size: 22px;
    background-image: url(images/lightGradient.jpg);
    background-repeat: repeat-y;
    background-position: top left;
    background-color: #ffe2af;
    border-bottom: 1px solid #005d36;
    color: #ffc560;
}
.pageDescription {
    color: #005d36;
    font-weight: bold; font-style: normal; text-decoration: none;
    line-height: 1.3;
    width: 52%;
}
IMG.photos {
    float: right;
    border: 1px solid black;
    margin: 0 10px 12px 10px;
    padding: 0 0 0 0;
}
DIV.photos {
    float: right;
    margin: 0 10px 0 10px;
    padding: 0 0 0 0;
}
DIV.photos IMG {
    border: 1px solid black;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
}
IMG.news {
    border: 1px solid black;
    margin: 0 2px 3px 0;
    padding: 0 0 0 0;
}
A:hover H2 {
    text-decoration: underline;
}
.center {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 99%;
    text-align: center;
}
/*** /page elements *************************************************/

/*** table data *****************************************************/
TABLE.data {
    width: 98%;
    border-collapse: collapse;
}
TABLE.data TR TD, TABLE.data TR TH {
    padding: 1px 5px 1px 5px;
    text-align: left;
    border: 1px solid #ccc;
}
TABLE.data TR TH {
    color: #005d36;
    font-weight: bold; font-style: normal; text-decoration: none;
}
/*** /table data ****************************************************/

/*** advertisement **************************************************/
#advertisement {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}
#advertisement .adv-image {
    width: 331px;
    background-image: url(images/banners/auris.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1px;
}
#advertisement .adv-text {
    padding: 0 10px;
}
#advertisement H1 {
    color: #0099cc;
    margin-top: 4px;
    padding-top: 0;
    font-size: 18px;
}
#advertisement TD, #advertisement TH {
    vertical-align: top;
    text-align: left;
    margin: 0;
    padding: 0;
    border: 0;
}
#advertisement P {
    color: #0066aa;
}
/*** /advertisement *************************************************/

/*** hako_products **************************************************/
.hako {
    color: #ee0000;
}
TABLE.hako_products {
    width: 98%;
    border-collapse: collapse;
}
TABLE.hako_products * P {
    margin: 5px 0 5px 0;
    padding: 0;
}
TABLE.hako_products TR TH,
TABLE.hako_products * A,
TABLE.hako_products * B,
TABLE.hako_products * H1,
TABLE.hako_products * H2 {
    margin: 0;
    padding: 0;
    color: #ee0000;
}
TABLE.hako_products TR TD, TABLE.hako_products TR TH {
    text-align: right;
    vertical-align: top;
}
TABLE.hako_products TR TH {
    text-align: left;
    padding: 0 5px 0 0;
}
TABLE.hako_products * H1,
TABLE.hako_products * H2 {
    margin-top: 10px;
}
/*** /hako_products *************************************************/

/*** form ***********************************************************/
TABLE.form {
    margin: 0 0 10px 0;
    padding: 0 0 0 5px;
    border: 1px solid #ffb73c;
    width: 98%;
    font-size: 12px;
    background-image: url(images/lightGradient.jpg);
    background-repeat: repeat-y;
    background-position: top right;
    background-color: #ffffff;
}
TABLE.form TR TH {
    padding-top: 4px;
    width: 42%;
    line-height: 1.0;
    text-align: right;
    vertical-align: top;
    font-weight: normal; font-style: normal; text-decoration: none;
    font-size: 10px;
    border-bottom: 1px solid #ffb73c;
}
TABLE.form TR TD {
    border: 0;
    text-align: right;
}
TABLE.form TR TH B { font-size: 13px; }
TABLE.form TR TD.checkbox, TABLE.form TR TD.radio {
    text-align: left;
    padding: 2px 20px 2px 10px;
}
INPUT,TEXTAREA,SELECT {
    color: #000000;
    background-color: #ffffff;
    width: 95%;
    border: 1px solid #005d36;
    padding: 3px;
    vertical-align: bottom;
    font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 13px;
    font-weight: normal; font-style: normal; text-decoration: none;
}
SELECT {
    width: 97%;
}
INPUT.checkbox, INPUT.radio {
    width: auto;
    height: auto;
    border: 0;
    padding: 0 0 0 0;
    margin: 0 0 0 10px;
    background-color: transparent;
    color: #000000;
}
TEXTAREA {
    height: 5em;
}
TABLE.form TR TD.submit {
    padding: 2px 10px 2px 10px;
    text-align: left;
    }
INPUT.submit {
    padding: 2px 20px 2px 20px;
    margin-left: 10px;
    width: auto;
    border: 3px outset #005d36;
    background-color: #005d36;
    color: #ffffff;
    font-family: 'Arial Narrow',Arial,Helvetica,sans-serif; font-size: 13px;
    font-weight: normal; font-style: normal; text-decoration: none;
}
INPUT.submit:hover {
    border: 3px outset #8daf90;
    background-color: #8daf90;
    color: #ffffff;
}
INPUT.submit:active {
    border: 3px inset #8daf90;
    background-color: #8daf90;
    color: #ffffff;
}
/*** /form **********************************************************/

/*** sitemap *********************************************************/
TABLE.sitemap {
    font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 13px;
    margin: 5px 0 5px 0;
    width: 97%;
    border-collapse: collapse;
}
TABLE.sitemap TD {
    padding: 3px 10px 3px 10px;
    width: 75%;
    border: 1px solid #cccccc;
    vertical-align: top;
}
TABLE.sitemap TD.mainLevel {
    width: 27%;
}
.sitemap * A {
    color: #005d36;
}
/*** /sitemap ********************************************************/

/*** infoBox ********************************************************/
.infoBox {
    padding: 3px 2% 0 2%;
    border: 1px solid #ffb73c;
    width: 94%;
    font-size: 12px;
    background-image: url(images/darkGradient.jpg);
    background-repeat: repeat-y;
    background-position: top right;
    background-color: #ffffff;
}
.infoBox H1 {
    font-size: 15px;
    margin: 6px 0 5px 0;
    background-image: none;
    background-color: transparent;
    border: 0;
}
.infoBox UL,.infoBox OL {
    color: #000000;
    font-weight: normal;
}
.infoBox A {
    color: #cc6600;
}
/*** /infoBox *******************************************************/

/*** columns ********************************************************/
#header {
    overflow: hidden;
    width: 100%;
}
#left {
    float: left;
    width: 180px;
    padding: 0 0 0 36px;
}
#right {
    float: right;
    clear: right;
    width: 180px;
    background-color: #ffffff;
    border-left: 1px solid #ffffff;
}
#topBanner {
    margin-left: 217px;
    margin-top: 1px;
    background-position: top left;
    background-repeat: no-repeat;
}
#topBanner2 {
    margin-right: 181px;
    margin-left: 217px;
    margin-top: 1px;
}
#content {
    margin-right: 181px;
    margin-left: 217px;
    padding: 1px 0px 8px 8px;
}
#bottomBanner {
    clear: right;
    margin-left: 217px;
}
#footer {
    clear: both;
}
/*** /columns *******************************************************/

/*** mainMenu *******************************************************/
UL.mainMenu {
    margin: 0 0 0 36px;
    padding: 0 0 0 0;
    clear: both;
    list-style-type: none;
    background-image: url(images/mainMenu.png);
    overflow: hidden;
    width: 100%;

    font-family: 'Arial Narrow',Arial,Helvetica,sans-serif; font-size: 13px;
    font-weight: normal; font-style: normal; text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
UL.mainMenu LI {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 140px;
}
UL.mainMenu LI A {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    float: left;
    width: 140px;
    line-height: 26px;
    height: 26px;
    background-position: 0 0;
    color: #ffffff;
    background-image: url(images/mainMenuButton.png);
    font-family: 'Arial Narrow',Arial,Helvetica,sans-serif; font-size: 13px;
    font-weight: normal; font-style: normal; text-decoration: none;
}
UL.mainMenu LI A:hover {
    color: #005d36;
    background-position: 0 -26px;
}
UL.mainMenu LI A.selected {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    float: left;
    width: 140px;
    line-height: 26px;
    height: 26px;
    background-position: 0 -52px;
    color: #005d36;
    background-image: url(images/mainMenuButton.png);
}
/*** /mainMenu ******************************************************/

/*** subMenu ********************************************************/
UL.subMenu {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
    font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 13px;
    font-weight: normal; font-style: normal; text-decoration: none;
}
UL.subMenu LI {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    clear: left;
    width: 180px;
}
UL.subMenu LI A {
    margin: 0 0 0 0;
    padding: 2px 5px 2px 5px;
    float: left;
    clear: left;
    width: 170px;
    color: #005d36;
    background-color: #d2e1cc;
    font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 13px;
    font-weight: normal; font-style: normal; text-decoration: none;
}
UL.subMenu LI A.selected {
    margin: 0 0 0 0;
    padding: 2px 5px 2px 5px;
    float: left;
    clear: left;
    width: 170px;
    color: #005d36;
    background-color: #ffb73c;
}
UL.subMenu A:hover {
    color: #005d36;
    background-color: #fbde7d;
}
UL.subMenu .title {
    margin-top: 1px;
    padding: 0;
    float: left;
    clear: left;
    width: 180px;
    height: 26px;
    line-height: 26px;
    background-image: url(images/subMenu.png);
    background-repeat: no-repeat;
    background-position: top right;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
}
UL.subMenu .subTitle {
    border-top: 1px solid #ffffff;
    padding: 2px 5px 2px 5px;
    float: left;
    clear: left;
    width: 170px;
    color: #005d36;
    background-color: #8daf90;
}
/*** /subMenu *******************************************************/

/*** asukasMenu *****************************************************/
UL.asukasMenu {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
    font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 13px;
    font-weight: normal; font-style: normal; text-decoration: none;
}
UL.asukasMenu LI {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    clear: left;
    width: 180px;
}
UL.asukasMenu LI A {
    margin: 0 0 0 0;
    padding: 2px 5px 2px 5px;
    float: left;
    clear: left;
    width: 170px;
    color: #ffffff;
    background-color: #005d36;
    font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 13px;
    font-weight: normal; font-style: normal; text-decoration: none;
}
UL.asukasMenu LI A.selected {
    margin: 0 0 0 0;
    padding: 2px 5px 2px 5px;
    float: left;
    clear: left;
    width: 170px;
    color: #005d36;
    background-color: #ffb73c;
}
UL.asukasMenu LI A.highlightSelected {
    margin: 0 0 0 0;
    padding: 2px 5px 2px 5px;
    float: left;
    clear: left;
    width: 170px;
    color: #005d36;
    font-weight: bold;
    background-color: #ffb73c;
}
UL.asukasMenu LI A.highlight {
    margin: 0 0 0 0;
    padding: 2px 5px 2px 5px;
    float: left;
    clear: left;
    width: 170px;
    color: #ffb73c;
    font-weight: bold;
    background-color: #005d36;
}
UL.asukasMenu A:hover, UL.asukasMenu A.highlight:hover {
    color: #005d36;
    background-color: #fbde7d;
}
UL.asukasMenu .title {
    margin-top: 1px;
    padding: 2px 5px 2px 5px;
    float: left;
    clear: left;
    width: 170px;
    background-image: url(images/asukasMenu.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #005d36;
    text-transform: uppercase;
    color: #ffffff;
}
UL.asukasMenu .subTitle {
    border-top: 1px solid #8daf90;
    padding: 2px 5px 2px 5px;
    float: left;
    clear: left;
    width: 170px;
    background-color: #005d36;
    color: #ffffff;
}
/*** /asukasMenu ****************************************************/

/*** yritysMenu *****************************************************/
UL.yritysMenu {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
    font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 13px;
    font-weight: normal; font-style: normal; text-decoration: none;
}
UL.yritysMenu LI {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: right;
    clear: right;
    width: 180px;
}
UL.yritysMenu LI A {
    margin: 0 0 0 0;
    padding: 2px 5px 2px 5px;
    float: right;
    clear: right;
    width: 170px;
    color: #005d36;
    background-color: #fdfabe;
    font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 13px;
    font-weight: normal; font-style: normal; text-decoration: none;
}
UL.yritysMenu LI A.selected {
    margin: 0 0 0 0;
    padding: 2px 5px 2px 5px;
    float: right;
    clear: right;
    width: 170px;
    color: #005d36;
    background-color: #ffc73c;
}
UL.yritysMenu A:hover {
    color: #005d36;
    background-color: #fbde7d;
}
UL.yritysMenu .title {
    margin-top: 1px;
    padding: 0;
    float: right;
    clear: right;
    width: 180px;
    height: 26px;
    line-height: 26px;
    background-image: url(images/yritysMenu.png);
    background-repeat: no-repeat;
    background-position: top right;
    text-align: center;
    text-transform: uppercase;
    color: #005d36;
}
/*** /yritysMenu ****************************************************/

/*** exitLink *******************************************************/
#left .exitLink {
    float: left;
}
#right .exitLink {
    float: right;
}
.exitLink A {
    display: block;
    font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 13px;
    font-weight: normal; font-style: normal; text-decoration: none;
    margin: 3px 0 0 0;
    padding: 0 0 0 30px;
    width: 150px;
    height: 26px;
    line-height: 26px;
    background-image: url(images/exitLink.png);
    background-repeat: no-repeat;
    background-position: top right;
    text-align: left;
    text-transform: uppercase;
    color: #005d36;
}
.exitLink A.selected {
    display: block;
    font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 13px;
    margin: 3px 0 0 0;
    padding: 0 0 0 30px;
    width: 150px;
    height: 26px;
    line-height: 26px;
    background-image: url(images/exitLink.png);
    background-repeat: no-repeat;
    background-position: 0 -26px;
    text-align: left;
    text-transform: uppercase;
    color: #005d36;
}
/*** /exitLink ******************************************************/

/*** topBanner ******************************************************/
#topBanner {
    height: 252px;
    text-align: center;
}
/*
    line-height: 1.4;
    font-size: 12px;
    padding: 8px;
    background-color: #d2e1cc;
    background-image: url(images/banners/vuokraus.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#topBanner H1 {
    padding: 0 0 0 0;
    color: #005d36;
    text-align: right;
    margin: 0 15px 3px 0;
    font-family: Tahoma,Helvetica,sans-serif; font-size: 27px;
    font-weight: bold; font-style: normal; text-decoration: none;
    background-image: none;
    background-color: transparent;
    border: 0;
}
#topBanner P {
    text-align: left;
    margin: 4px 130px 0 205px;
}

#topBanner .info {
    margin: 9px 0 0 0;
    position: absolute;
    right: 8px;
    border: 1px solid #005d36;
    line-height: 1.0;
    width: 125px;
    font-size: 12px;
    background-color: #ffc460;
}
#topBanner .info H1 {
    margin: 8px 0 5px 0;
    padding: 0 0 0 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    background-image: none;
    background-color: transparent;
    border: 0;
}
#topBanner .info P {
    text-align: center;
    margin: 5px 0 10px 0;
    font-size: 11px;
}
#topBanner .info B {
    color: #000000;
}
*/
/*** /topBanner *****************************************************/

/*** header *********************************************************/
#header #top {
    margin: 0 0 0 36px;
    width: 83%;
}
#header #top .logo {
    height: 105px;
    float: left;
    border: 0;
}
#header #top .info {
    padding-top: 15px;
    vertical-align: bottom;
    float: right;
    text-align: right;
}
#header .info A {
    font-family: 'Arial Narrow',Arial,Helvetica,sans-serif; font-size: 13px;
    color: #aaaaaa;
    text-transform: uppercase;
    white-space: nowrap;
}
#header .info H1 {
    margin: 8px 0 10px 0;
    padding: 0 0 0 0;
    line-height: 1.0;
    color: #fbde7d;
    font-family: Tahoma,Helvetica,sans-serif; font-size: 30px;
    font-weight: bold; font-style: normal; text-decoration: none;
    white-space: nowrap;
    background-image: none;
    background-color: transparent;
    border: 0;
}
/*** /header ********************************************************/

/*** rental *********************************************************/
H1.rental, .rental * B {
    color: #aa0000;
}
TABLE.rental TR TD {
    vertical-align: top;
}
TABLE.rental TR TD IMG {
    width: 136px;
    height: 145px;
    margin: 4px 8px 8px 0;
    border: 1px solid #000000;
    background-color: #dddddd;
    color: #000000;
}
TABLE.rental TR TD DIV.noImage {
    width: 138px;
    height: 147px;
    margin: 4px 8px 8px 0;
}
/*** /rental ********************************************************/

/*** advertisement **************************************************/
.advertisement {
    margin: 3px 0 0 0;
    width: 180px;
    color: #cccccc;
}
#left .advertisement {
    clear: left;
    float: left;
}
#right .advertisement {
    clear: right;
    float: right;
}
/*** /advertisement *************************************************/

/*** noAdvertisement ************************************************/
.noAdvertisement {
    margin: 3px 0 0 0;
    padding: 5px;
    width: 168px;
    border: 1px dashed #cccccc;
    color: #cccccc;
}
#left .noAdvertisement {
    clear: left;
    float: left;
}
#right .noAdvertisement {
    clear: right;
    float: right;
}
/*** /noAdvertisement ***********************************************/

/*** footer *********************************************************/
#footer {
    background-image: url(images/footer.png);
    background-repeat: repeat-x;
    height: 38px;
}
#footer .links {
    float: left;
    background-image: url(images/footerButton.png);
    background-repeat: no-repeat;
    width: 470px;
    height: 38px;
    padding: 8px 0 0 0;
}
#footer .links A {
    color: #005d36;
    margin: 0 30px 0 36px;
}
#footer .copyright {
    text-align: center;
    padding: 10px 40px 0 0;
    font-family: 'Arial Narrow',Arial,Helvetica,sans-serif; font-size: 13px;
    color: #aaaaaa;
}
/*** /footer ********************************************************/

/*** certificate ****************************************************/
#right .certificate {
    clear: right;
    float: right;
    margin-top: 8px;
}
/*** /certificate ***************************************************/

/*** avainlippu *****************************************************/
IMG.avainlippu {
    float: left;
    margin: 20px 10px 0 2px;
    padding: 0;
    border: 0;
    line-height: 1.0;
}
/*** /avainlippu ****************************************************/

/*** filler *********************************************************/
.filler { }
/*** /filler ********************************************************/

/*** EOF ***/