/* Default styles */
html { width: 100%; margin: 0; }
body { width: 100%; margin: 0; background: #cdcdcd url(../images_ledigalokaler/body_bg.jpg) repeat-x left top; font-family: Arial; font-size: 8pt; text-decoration: none; padding-bottom: 20px; }
td { font-family: Arial; font-size: 8pt; text-decoration: none; }
br { clear: both; }
a { color: #cc0048; font-size: 8pt; font-family: Arial; font-weight: normal; text-decoration: none; }
a:hover { text-decoration: underline; color: #000000; }
.clFileBox a, .clObjectListLine a, .clTabLarge a, .clTabLargeActive { color: #000!important; font-size: 8pt; font-family: Arial; font-weight: normal; text-decoration: none; }
/* Form styles */
form { margin: 0; }
select { font-size: 10px; }
input { font-size: 10px; }
.clFormFieldOk {}
.clFormFieldHover { background-color: #cfc; border: solid 1px #999; }
.clFormFieldError { border: solid 2px red; }
/* Page Container */
#divPageContainer {
position: relative;
width: 1000px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
left: -80px;
}
/* Main Container */
#divMainContainer {
position: relative;
width: 800px;
background-color: #fff;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
/* Main Header */
#divHeader { clear: both; width: 800px; height: 54px; margin: 0 auto; background: #fff url(../images_ledigalokaler/header_bg.png) no-repeat center bottom; }
#divHeaderInfoText a { color: #68635d; font-size: 11px; font-weight: bold; position: absolute; top: 31px; left: 190px; }
/* Main Menu */
#divMenu { clear: both; width: 800px; height: 34px; background: #fff url(../images_ledigalokaler/menu_bg.png) repeat-x left top; margin-top: 0; margin-right: auto; margin-left: auto; }
/* Menu item, default */
#divMenu .clMenuItem { float: left; height: 23px; margin-top: 7px; margin-right: 5px; margin-bottom: 1px; cursor: pointer; }
#divMenu .clMenuItemLeft { background-image: url(../images_ledigalokaler/menu_item_left.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; float: left; width: 10px; height: 23px; }
#divMenu .clMenuItemLink { color: #fff; font-size: 11px; font-weight: bold; line-height: 2.3em; background-image: url(../images_ledigalokaler/menu_item_bg.png); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; float: left; height: 23px; }
#divMenu .clMenuItemLink a { color: #fff; font-size: 11px; font-family: Arial; font-weight: bold; line-height: 2.3em; text-decoration: none; }
#divMenu .clMenuItemLink a:hover { color: #fff; font-size: 8pt; font-weight: bold; line-height: 2.3em; text-decoration: underline; }
#divMenu .clMenuItemRight { background-image: url(../images_ledigalokaler/menu_item_right.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; float: left; width: 10px; height: 23px; }
/* Menu item, grey/black */
#divMenu .clMenuItemGrey { float: left; height: 23px; margin-top: 7px; margin-right: 5px; margin-bottom: 1px; cursor: pointer; }
#divMenu .clMenuItemGreyLeft { background-image: url(../images_ledigalokaler/menu_item_left_grey.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; float: left; width: 10px; height: 23px; }
#divMenu .clMenuItemGreyLink { color: #747577; font-size: 11px; line-height: 2.3em; float: left; background: #d5d5d5 url(../images_ledigalokaler/menu_item_bg_grey.png) repeat-x left top; height: 23px; }
#divMenu .clMenuItemGreyLink a { color: #555; font-size: 11px; font-weight: bold; text-decoration: none; }
#divMenu .clMenuItemGreyLink a:hover { text-decoration: none; }
#divMenu .clMenuItemGreyRight { background-image: url(../images_ledigalokaler/menu_item_right_grey.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; float: left; width: 10px; height: 23px; }
/* Menu item, alternative 1 */
#divMenu .clMenuItemAlt1 { float: left; height: 23px; margin-top: 7px; margin-right: 5px; margin-bottom: 1px; cursor: pointer; }
#divMenu .clMenuItemAlt1Left { background-image: url(../images_ledigalokaler/menu_item_alt1_left.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; float: left; width: 10px; height: 23px; }
#divMenu .clMenuItemAlt1Link { color: #fff; font-size: 11px; font-weight: bold; line-height: 2.3em; background-image: url(../images_ledigalokaler/menu_item_alt1_bg.png); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; float: left; height: 23px; }
#divMenu .clMenuItemAlt1Link a { color: #fff; font-size: 11px; font-family: Arial; font-weight: bold; line-height: 2.3em; text-decoration: none; }
#divMenu .clMenuItemAlt1Link a:hover { color: #fff; font-size: 8pt; font-weight: bold; line-height: 2.3em; text-decoration: underline; }
#divMenu .clMenuItemAlt1Right { background-image: url(../images_ledigalokaler/menu_item_alt1_right.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; float: left; width: 10px; height: 23px; }
/* Main Content */
#divContent { overflow: hidden; clear: both; width: 780px; margin: 0 auto; padding: 15px 10px 10px; }
#divContent .clColumnFloatLeft { float: left; width: 300px; overflow: hidden; }
#divContent .clColumnFloatRight { float: left; width: 300px; overflow: hidden; }
/* Main Footer */
#divFooter { color: #989898; font-size: 7.5pt; font-weight: bold; line-height: 2.2em; background-image: url(../images_ledigalokaler/footer_bg.png); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; clear: both; width: 800px; margin: 0 auto; text-align: center; height: 21px; }
#divFooterSupportInfo { text-align: center; line-height: 2em; clear: both; width: 800px; margin: 0 auto; height: 21px; }
#divFooterSupportInfo a { text-align: center; line-height: 2em; color: #68635d; font-size: 8pt; }
/* QuickJump menu */
#divQuickJump { float: right; width: 145px; height: 25px; padding: 27px 12px 0 0; }
.clSelectQuickjump { font-size: 8pt; width: 140px; z-index: 50; }
/* Top Banner */
#divTopbanner { position: relative; width: 980px; height: 120px; margin: 0 auto; text-align: center; padding-left: 100px; padding-top: 20px; padding-bottom: 15px; }
/* Front page banners */
#divFrontPageBanners { position: absolute; top: 0px; left: 800px; width: 200px; visibility: visible; }
/* Standard row, free width columns */
.clStandardRow { overflow: hidden; line-height: 2.3em; width: 100%; }
.clColumn { float: left; }
/* Box */
.clBox { float: left; border: solid 1px #c8ccd6; margin-right: 12px; margin-bottom: 15px; }
.clBox .clHeader { height: 25px; margin: 2px; border: solid 1px #c8ccd6; background-image: url(../images_ledigalokaler/box_silver_title_bg.gif); background-repeat: repeat-x; background-attachment: scroll; color: #000; font-weight: bold; line-height: 2.3em; text-indent: 10px; }
.clBox .clContent { overflow: hidden; margin: 7px; }
/* Full page box */
.clFullPageBox { overflow: hidden; clear: both; width: 100%; border: solid 1px #c8ccd6; }
.clFullPageBox .clHeader { overflow: hidden; margin: 15px; }
.clFullPageBox .clContent { overflow: hidden; margin: 25px; }
.clFullPageBox .clFooter { overflow: hidden; margin: 15px; }
/* Horizontal line */
.clHorizontalLine { clear: both; width: 100%; height: 1px; margin-top: 7px; margin-bottom: 7px; background-image: url(../images_ledigalokaler/line.png); background-repeat: repeat-x; background-attachment: scroll; }
.clHorizontalLineDotted { clear: both; width: 100%; height: 1px; margin-top: 7px; margin-bottom: 7px; background-image: url(../images_ledigalokaler/line_dotted.png); background-repeat: repeat-x; background-attachment: scroll; }
/* BUTTONS */
/* Small, height 17px */
.clButtonSmall { float: right; height: 17px; padding-left: 5px; }
.clButtonSmall .clLeft { float: left; width: 5px; height: 17px; background-image: url(../images_ledigalokaler/buttons/button_small_left_bg.gif); background-repeat: no-repeat; background-attachment: scroll; }
.clButtonSmall .clMiddle { line-height: 1.5em; float: left; height: 17px; background-image: url(../images_ledigalokaler/buttons/button_small_middle_bg.gif); background-repeat: repeat-x; background-attachment: scroll; }
.clButtonSmall .clMiddle a { font-size: 8pt; font-weight: normal; color: #6D7586; }
.clButtonSmall .clMiddle a:hover { text-decoration: underline; color: #000000; }
.clButtonSmall .clRight { float: left; width: 20px; height: 17px; background-image: url(../images_ledigalokaler/buttons/button_small_right_bg.gif); background-repeat: no-repeat; background-attachment: scroll; }
/* Medium, height 18px */
.clButtonMedium { clear: both; height: 18px; padding-left: 5px; padding-top: 5px; }
.clButtonMedium .clLeft { float: left; width: 5px; height: 18px; background-image: url(../images_ledigalokaler/buttons/button_medium_left_bg.gif); background-repeat: no-repeat; background-attachment: scroll; }
.clButtonMedium .clMiddle { font-size: 8pt; float: left; width: 150px; height: 18px; background-image: url(../images_ledigalokaler/buttons/button_medium_middle_bg.gif); background-repeat: repeat-x; background-attachment: scroll; line-height: 1.6em; font-weight: bold; text-indent: 10px; }
.clButtonMedium .clMiddle a { font-size: 8pt; color: #ffffff; font-weight: bold; line-height: 1.6em; }
.clButtonMedium .clMiddle a:hover { font-size: 8pt; font-weight: bold; line-height: 1.6em; text-decoration: underline; }
.clButtonMedium .clRight { float: left; width: 35px; height: 18px; background-image: url(../images_ledigalokaler/buttons/button_medium_right_bg.gif); background-repeat: no-repeat; background-attachment: scroll; }
/* Large, height 25px */
.clButtonLarge { font-size: 8pt; font-weight: bold; float: left; height: 25px; padding-left: 5px; line-height: 2.3em; text-decoration: none; cursor: pointer; }
.clButtonLarge a { font-size: 8pt; color: #ffffff; font-weight: bold; line-height: 2.3em; text-decoration: none; }
.clButtonLarge a:hover { font-size: 8pt; font-weight: bold; line-height: 2.3em; text-decoration: none; }
.clButtonLarge .clLeft { font-size: 8pt; font-weight: bold; line-height: 2.3em; float: left; width: 10px; height: 25px; background-image: url(../images_ledigalokaler/buttons/button_large_left_bg.png); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; }
.clButtonLarge .clMiddle { float: left; height: 25px; background-image: url(../images_ledigalokaler/buttons/button_large_middle_bg.png); background-repeat: repeat-x; background-attachment: scroll; color: #ffffff; font-size: 8pt; font-weight: bold; line-height: 2.3em; text-decoration: none; }
.clButtonLarge .clRight { font-size: 8pt; font-weight: bold; line-height: 2.3em; float: left; width: 10px; height: 25px; background-image: url(../images_ledigalokaler/buttons/button_large_right_bg.png); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; }
.clButtonLarge .clIcon { font-size: 8pt; font-weight: bold; line-height: 2.3em; float: left; height: 25px; padding-left: 10px; padding-top: 3px; background-image: url(../images_ledigalokaler/buttons/button_large_middle_bg.png); background-repeat: repeat-x; background-attachment: scroll; text-decoration: none; padding-right: 2px; }
/* Grey button */
.clButtonGrey, .clButtonGrey a { cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 1.7em; font-weight: bold; color: #000; text-align: center; text-decoration: none; overflow: hidden; float: left; width: auto; height: 18px; margin-right: 4px; padding-right: 15px; padding-left: 15px; background-image: url(../images_ledigalokaler/tab_bg_active.png); background-attachment: scroll; background-repeat: repeat-x; background-position: bottom; }
.clButtonGrey:hover, .clButtonGrey a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 1.7em; font-weight: bold; color: #000; text-align: center; text-decoration: none; overflow: hidden; float: left; width: auto; height: 18px; margin-right: 4px; padding-right: 15px; padding-left: 15px; background-image: url(../images_ledigalokaler/tab_bg_hilite.png); background-attachment: scroll; background-repeat: repeat-x; background-position: bottom; }
/*.clButtonGreyHilite a, .clButtonGreyHilite a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 1.7em; font-weight: bold; color: #000; text-align: center; text-decoration: none; overflow: hidden; float: left; width: auto; height: 18px; margin-right: 4px; padding-right: 15px; padding-left: 15px; background-image: url(../images_ledigalokaler/tab_bg_hilite.png); background-attachment: scroll; background-repeat: repeat-x; background-position: bottom; }*/
/* Javascript menu */
.clDropdown { width: 210px; background-color: #f5f5f5; border-left: 1px solid #808183; border-bottom: 1px solid #808183; border-right: 1px solid #808183; border-top-color: #808183; cursor: pointer; }
.clDropdown a { color: black; text-decoration: none; }
.clDropdown a:hover { color: #fff; text-decoration: none; }
.clDropdown .clLine { overflow: hidden; width: 200px; height: auto; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px solid #dadada; color: black; }
.clDropdown .clLineHilite { overflow: hidden; width: 200px; height: auto; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; color: #fff; background-color: black; border-bottom: 1px solid #dadada; }
.clDropdown .clLineHilite a { color: #fff; text-decoration: none; }
/* Count result */
.clCountResultsFrontpage { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; background-color: #f1f1f1; padding: 3px; border: thin dashed #949494; color: #757575; text-align: center; }
/* Front page login box */
#divLoginBox { background-color: #F9F9F9; position: absolute; right: 5px; top: 90px; padding: 20px; border: 1px dotted #CDCDCD; }
/* OBJECT LIST */
/* Object list header bar */
.clObjectListHeader { clear: both; height: 25px; border: solid 1px #c8ccd6; background-image: url(../images_ledigalokaler/box_silver_title_bg.gif); background-repeat: repeat-x; background-attachment: scroll; color: #7e8095; font-weight: bold; line-height: 2.3em; margin-top: 15px; margin-bottom: 7px; }
.clObjectListHeader .clTitle { float: left; }
.clObjectListHeader .clIcon { float: left; padding-left: 3px; padding-top: 4px; }
.clObjectListHeader a { color: #7e8095; font-weight: bold; }
/* Object list line */
.clObjectListLine { overflow: hidden; background-color: #f5f5f5; width: 100%; clear: both; padding: 15px 0 10px 4px; cursor: pointer; }
.clObjectListLine:hover { overflow: hidden; width: 100%; clear: both; padding: 15px 0 10px 4px; cursor: pointer; background-color: #F3EBE0; }
.clObjectListCol1 { float: left; width: 80px; overflow: hidden; text-indent: 5px; }
.clObjectListCol1 img { border-right: 1px groove #c6c8ca; border-bottom: 1px groove #c6c8ca; border-top-style: hidden; border-left-style: hidden; }
.clObjectListCol2 { float: left; width: 110px; }
.clObjectListCol3 { float: left; width: 190px; }
.clObjectListCol4 { float: left; width: 220px; }
.clObjectListCol5 { float: right; width: 120px; padding-right: 10px; text-align: center; }
/* Object list "haun tulokset" description */
.clObjectlistDescription { float: left; margin-bottom: 15px; }
/* Object list page selection */
.clObjectListPageSelection { margin: 0 auto; width: 350px; overflow: hidden; }
.clObjectListPageSelection .clTitle { float: left; width: 127px; }
.clObjectListPageSelection .clTitle .clImage { width: 127px; height: 25px; }
.clObjectListPageSelection .clTitle .clText { text-align: right; }
.clObjectListPageSelection .clPage { float: left; }
.clObjectListPageSelection .clPage .clIcon { float: left; width: 17px; height: 25px; text-align: center; }
.clObjectListPageSelection .clPage .clText { float: left; clear: both; width: 17px; text-align: center; }
/* Custom object list line */
.clObjectListLineCustom { clear: both; overflow: hidden; background-color: #f5f5f5; width: 100%; cursor: pointer; }
.clObjectListLineCustom:hover { clear: both; overflow: hidden; background-color: #fbfbfb; width: 100%; cursor: pointer; }
.clObjectListLineCustomHeader { width: 100%; }
.clObjectListLineCustomHeaderLogo {}
.clObjectListLineCustomContent { width: 100%; clear: both; padding: 10px 10px 5px; }
.clObjectListLineCustomCol1 { overflow: hidden; float: left; width: 390px; }
.clObjectListLineCustomCol2 { text-align: right; overflow: hidden; float: right; padding-right: 20px; }
.clObjectListLineCustomCol2 img { padding: 2px; border-right: 1px groove #c6c8ca; border-bottom: 1px groove #c6c8ca; border-top-style: hidden; border-left-style: hidden; }
.clObjectListLineCustomAddress { font-size: 12px; font-weight: bold; clear: both; }
.clObjectListLineCustomType { font-size: 11px; font-weight: bold; clear: both; margin-top: 7px; }
.clObjectListLineCustomDescription { font-size: 12px; font-style: italic; clear: both; margin-top: 10px; }
/* SEARCH PAGE */
/* Search page box */
.clSearchPageBox { float: left; overflow: hidden; border: solid 1px #c8ccd6; margin-right: 10px; margin-bottom: 15px; }
.clSearchPageBox .clHeader { height: 25px; margin: 2px; border: solid 1px #c8ccd6; background-image: url(../images_toimitilat.fi/box/box_silver_title_bg.gif); background-repeat: repeat-x; background-attachment: scroll; color: #375164; font-size: 8pt !important; font-weight: bold; line-height: 2.3em; text-indent: 10px; }
.clSearchPageBox .clHeader .clTitle { float: left; }
.clSearchPageBox .clContent { overflow: hidden; margin: 10px; }
.clSearchPageBox .clContent .clSelect { background-color: #ffffff; font-size: 7pt; width: 180px; }
/* Free width column, with right border */
.clFreeDottedColumn { float: left; padding-left: 5px; padding-right: 5px; border-right: 1px dotted #939598; }
/* Three 32% columns */
.clThreeCol { line-height: 2em; }
.clThreeCol .clCol1 { float: left; width: 32%; }
.clThreeCol .clCol2 { float: left; width: 32%; }
.clThreeCol .clCol3 { float: left; width: 32%; }
/* Two 47% columns */
.clTwoCol { line-height: 2em; }
.clTwoCol .clCol1 { float: left; width: 47%; }
.clTwoCol .clCol2 { float: left; width: 47%; }
/* Tabs, Large, grey */
#divTabGroup1, #divTabGroup1 a, #divTabGroup1 a:hover { overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 3em; font-weight: bold; color: #666; text-align: center; text-decoration: none; }
#divTabGroup1 .clTabLarge { cursor: pointer; overflow: hidden; float: left; width: auto; height: 38px; margin-right: 4px; padding-right: 15px; padding-left: 15px; background-image: url(../images_ledigalokaler/tab_bg.png); background-attachment: scroll; background-repeat: repeat-x; }
#divTabGroup1 .clTabLargeActive { cursor: pointer; overflow: hidden; float: left; width: auto; height: 38px; margin-top: 1px; margin-right: 4px; padding-right: 15px; padding-left: 15px; color: #000; background-image: url(../images_ledigalokaler/tab_bg_active.png); background-attachment: scroll; background-repeat: repeat-x; }
#divTabGroup1 .clTabLargeActive a { color: #000; }
#divTabGroup1 .clTabLarge:hover { cursor: pointer; overflow: hidden; float: left; width: auto; height: 38px; margin-right: 4px; padding-right: 15px; padding-left: 15px; color: #B5B5B5; background-image: url(../images_ledigalokaler/tab_bg_hilite.png); background-attachment: scroll; background-repeat: repeat-x; }
/* Margins and paddings */
.clPaddingB3px { padding-bottom: 3px; }
.clPaddingT4px { padding-top: 4px; }
.clPaddingTL7px { padding-top: 7px; padding-left: 7px; }
.clPadding15px { padding: 15px; }
.clPaddingTL10px { padding-top: 10px; padding-left: 10px; }
.clPaddingT3R10px { padding-top: 3px; padding-right: 10px; }
.clPaddingT10px { padding-top: 10px; }
.clPaddingT10L20px { padding-top: 10px; padding-left: 18px; }
.clPaddingLR20px { padding-right: 20px; padding-left: 20px; }
.clPaddingT15L30px { padding-top: 15px; padding-left: 30px; }
.clPaddingT24L10px { padding-top: 24px; padding-left: 10px; }
.clPaddingT33L13px { padding-top: 33px; padding-left: 13px; }
.clPaddingT33L10px { padding-top: 33px; padding-left: 10px; }
.clPaddingT33L20px { padding-top: 33px; padding-left: 20px; }
.clPaddingT28L25px { padding-top: 28px; padding-left: 25px; }
.clPaddingT15R20B30L20px { padding: 15px 20px 30px; }
/* Subpage Object Box */
.clObjectBox { float: left; width: 530px; margin-bottom: 15px; border: solid 1px #c8ccd6; }
.clObjectBox .clHeader { width: 530px; height: 32px; background-image: url(../images_ledigalokaler/box_black_title_bg.png); background-repeat: repeat-x; background-attachment: scroll; color: #ffffff; font-size: 9pt; font-weight: bold; line-height: 2.5em; text-indent: 20px; }
.clObjectBox .clContent { width: 530px; overflow: hidden; }
.clObjectBox .clFooter { width: 530px; overflow: hidden; }
.clObjectBox .clObjectDataRow { clear: both; width: 500px; padding-top: 8px; padding-left: 10px; }
.clObjectBox .clObjectDataRow .clTitle { float: left; width: 160px; font-weight: bold; }
.clObjectBox .clObjectDataRow .clText { float: left; width: 320px; }
.clObjectBox .clObjectDataRow2 { clear: both; padding-top: 5px; padding-left: 10px; }
.clObjectBox .clObjectDataRow2 .clTitle { float: left; width: 145px; font-weight: bold; }
.clObjectBox .clObjectDataRow2 .clText { float: left; }
.clObjectBox .clObjectDataContactRow { clear: both; margin-bottom: 8px; }
.clObjectThumbs { float: left; margin-top: 5px; margin-right: 2px; }
.clObjectMap { float: left; margin-top: 5px; margin-bottom: 5px; border: solid 1px #c8ccd6; }
.clObjectTypeLine { font-size: 8pt; clear: both; line-height: 1.5em; }
.clObjectTypeLine .clType { float: left; width: 120px; }
.clObjectTypeLine .clSize { float: left; width: 90px; text-align: right; }
/* Messenger item, height 18px */
.clMessengerItem { height: 18px; padding-right: 5px; padding-top: 5px; }
.clMessengerItem .clLeft { float: left; width: 18px; height: 18px; }
.clMessengerItem .clMiddle { float: left; width: 180px; height: 18px; line-height: 1.5em; text-indent: 5px; }
.clMessengerItem .clMiddle a { font-size: 8pt; font-weight: normal; color: #6D7586; }
.clMessengerItem .clMiddle a:hover { text-decoration: underline; }
.clMessengerItem .clRight { float: left; width: 5px; height: 18px; }
/* Object page file box */
.clFileBox { float: left; width: 200px; border: solid 1px #c8ccd6; margin-top: 15px; margin-bottom: 10px; }
.clFileBox .clHeader { height: 25px; margin: 2px; border: solid 1px #c8ccd6; background-image: url(../images_toimitilat.fi/box/box_silver_title_bg.gif); background-repeat: repeat-x; background-attachment: scroll; color: #7E8095; font-weight: bold; line-height: 2.3em; text-indent: 10px; }
.clFileBox .clContent { overflow: hidden; margin: 15px; }
.clFileBox .clLinkLine { clear: both; padding-top: 3px; }
.clFileBox .clIcon { float: left; width: 20px; }
.clFileBox .clLink { float: left; width: 125px; }
/* Subpage Image Box */
.clImagesAndbuttonsBox { float: right; width: 230px; margin-left: 5px; margin-bottom: 15px; border: solid 1px #c8ccd6; }
/* Blue background heading */
.clBlueBgHeading { color: white; font-weight: bold; line-height: 2em; background-color: #000; text-indent: 10px; }
/* Banners */
/* Stapel, Banner 140x350px */
.clBanner170x350 { float: left; width: 140px; margin-right: 5px; margin-bottom: 10px; }
/* Banner 800x98px */
.clBanner800x98 { float: left; width: 800px; height: 98px; z-index: 50; }
/* Banner 730x90px */
.clBanner730x90 { float: left; width: 730px; height: 90px; z-index: 50; }
/* Stortavla 730x300px */
.clBanner730x300 { float: left; width: 730px; height: 300px; z-index: 50; }
/* Banner 480x60px "Etusivun vaakabanneri" */
.clBanner480x60 { float: left; width: 480px; height: 60px; margin: 10px 0 0 0px; z-index: 50; }
/* Banner 122x130px */
.clBanner122x130 { float: left; width: 122px; height: 130px; margin: 0 0 8px 0px; z-index: 50; }
/* Banner 190x85px "Hakusivun banneri"*/
.clBanner190x85 { float: left; width: 190px; height: 85px; margin: 0 0 5px 0px; z-index: 50; }
/* Banner 590x60px "Hakusivun leveä banneri" */
.clBanner590x60 { float: left; width: 590px; height: 60px; margin-top: 10px; z-index: 50; }
/* Banner 122x80px */
.clBanner122x80 { float: left; width: 122px; height: 80px; margin: 0 0 8px 0px; z-index: 50; }
/* Banner 170x80px */
.clBanner170x80 { float: left; width: 170px; height: 80px; margin: 0 0 8px 0px; z-index: 50; }
/* Banner 170x170px */
.clBanner170x170 { float: left; width: 170px; height: 170px; margin: 0 0 8px 0px; z-index: 50; }
/* Banner 400x50px */
.clBanner400x50 { float: left; width: 400px; height: 50px; margin: 0 0 8px 0px; z-index: 50; }
/* Banner 122x160px */
.clBanner122x160 { float: left; width: 122px; height: 160px; margin: 0 0 8px 0px; z-index: 50; }
/* Banner 122x62px */
.clBanner122x62 { float: left; width: 122px; height: 62px; margin: 0 0 8px 0px; z-index: 50; }
/* Banner 122x60px "Kontorshotell/Tillsalu/Storalokaler" */
.clBanner122x60List { float: left; width: 122px; height: 60px; margin: 0 0 8px 0px; z-index: 50; }
/* Banner 122x60px */
.clBanner122x60 { float: left; width: 122px; height: 60px; margin-right: 5px; margin-bottom: 10px; }