/* hbsp (c) Ch5 Finland Oy 2004 www.ch5finland.com CSS for screen */ /* body & universal elements */ /*{font-family: tahoma, Verdana, Arial, Helvetica, Swiss, SunSans-Regular; */ #printlogo { display: none; visibility: hidden; } #site-container { width: 950px; min-height: 100%; margin : 0px auto; text-align : left; background: #ffffff url(/stc/images/bg_body_hbsp.gif) repeat-y scroll 0 0; padding : 0 8px; position: relative;} * html #site-container { width: 966px; height: 100%; } p, div, span, td, input, textarea, button, ul, li, dl, dt, dd, ol {font-size: 1em; color: #555555;} h1, h2, h3, h4 { font-weight: normal; margin: 0 0 0.8em 0; padding: 0px 0px 0px 0px; } h1 { font-size: 1.5em;} h2 { font-size: 1.3em;} h3 { font-size: 1.0em; margin: 0; font-weight: bold;} h4 { font-size: 1.0em;} div#frontpage {width: 100%; height: auto; margin: 0px; padding: 0px;} #frontpage div.columnContainer, #frontpage div#leftcolumn, #frontpage div#middlecolumn, #frontpage div#rightcolumn { min-height : 100%; } * html #frontpage div.columnContainer, * html #frontpage div#leftcolumn, * html #frontpage div#middlecolumn, * html #frontpage div#rightcolumn { height : 100%; } .columnContainer { padding-bottom: 30px; } div#leftcolumn {width: 229px; height: 100%; float: left; } div#middlecolumn { width: 445px; height: 100%; float: left;} div#rightcolumn { width: 274px; height: 100%; float: left; overflow: hidden; } .editMode div#rightcolumn { width : 274px; } div#leftcolumn .ColumnContent { padding: 20px 16px 10px 30px; } div#middlecolumn .ColumnContent { padding: 20px 20px 10px 17px; } div#rightcolumn .ColumnContent { padding: 20px 30px 10px 16px; } .editMode div#leftcolumn .contentContainer .contentContainer { padding: 0; } .editMode div#middlecolumn .contentContainer .contentContainer { padding: 0; } .editMode div#rightcolumn .contentContainer .contentContainer { padding: 0; } a[name] { width: 0%; } .h {display: none; visibility: hidden;} p {margin: 0px; padding: 0px;} p.grey { color: #CCC; font-size : 10px; } p.small { font-size : 11px; line-height : 14px; } div#middlecolumn p, #content p { } img {margin: 0px; padding: 0px; border: 0px;} div#supportnavi-container {width: 100%; height: 125px; } h1#logo{ float: left; width: 675px; height: 100%; margin: 0; padding: 0; background: #ffffff url(/stc/images/logo.gif) no-repeat scroll 30px center; } h1#logo a { width: 100%; height: 100%; display: block; } div#s {float: left; width: 260px; height: 100%; margin: 0; padding: 0 0 0 15px; font-size: 11px; } div#contactArea { height: 95px;} div#contactArea address { padding-top :0.5em; /* padding-top:2em;*/ font-style : normal; } div#contactArea div.telInfo { padding-top: 5px;} div#supportnavi {} /*div#supportnavi {position: absolute; left: 350px; top: 50px; width: 370px; height: auto; text-align: right; }*/ div.f-l {float: left; width: auto; height: auto;} div.f-r {float: right; width: auto; height: auto;} div.c-b {clear: both;} /*div#supportnavi {padding: 15px 10px 0px 0px; }*/ div#supportnavi span {visibility: hidden; display: none;} div#supportnavi a {margin-right: 10px;} a.supportnavi {color: #555555; text-decoration: underline;} /* a.supportnavi:hover {color: #329425; text-decoration: none;} a.supportnavi-active {color: #329425; text-decoration: none;} a.supportnavi-active:hover {color: #329425; text-decoration: none;}*/ /* Frontpage imagearea */ #frontpageImageArea { width : 950px; height: 227px; } #frontpageLeftImage { float: left; width: 675px; border-right: 1px solid #FFF; height: 227px;} #frontpageRightImage { float: left; width: 274px; height: 227px; } .editMode #frontPageImageArea { margin: 0px; padding: 0px; } .editMode #frontpageLeftImage { border: none; width: 673px; margin: 0px; padding: 0px;} .editMode #frontpageImageArea img { width: 100%; margin: 0px; padding: 0px; } .editMode #frontpageRightImage { border : none; width: 270px; margin: 0px; padding: 0px; } /* reset width set for IE for browsers other than IE. Undo the float also for browsers other than MAC IE*/ /* Commented Backslash Hack hides rule from IE5-Mac \*/ div#frontimg {width: 100%; height: 147px; background: #0F0E14 url(/stc/images/topimage3.jpg) left top no-repeat;} div#content-container {width: 100%; height: 100%; margin: 0; padding: 0; } div#content-container-fp{width: 100%; height: auto; margin: 0; padding: 0; } div.leftnaviunder { width: 100%; height: auto; line-height: 170%; font-weight: bold; color: #555555; text-decoration: none; background: #f5f5f5; margin: 0; padding: 0px 5px 0px 15px;} /* left navi */ div#leftnavi {float: left; width: 20%; height: auto; margin: 20px 0px 0px 0px;} /* 182px */ #leftcolumn ul { margin: 0; padding: 0; } #leftcolumn ul li { background:transparent url(/stc/images/arrow_green.gif) no-repeat scroll 1px 0.35em; list-style-image:none; list-style-type:none; padding:0pt 0pt 0.2em 1.2em; margin:0.3em 0pt 0.15em 0; border-bottom:1px solid #E5E5E5;} #leftcolumn ul a { display: block; text-decoration: none; } #leftcolumn ul a:hover { text-decoration: underline; } #leftcolumn ul ul li { background: transparent; margin: 0; border: none; } #leftcolumn ul li.leftnavi-active-parent, #leftcolumn ul li.leftnavi-parent { background:transparent url(/stc/images/arrow_green_down.gif) no-repeat scroll 1px 0.35em; } #leftcolumn ul li.leftnavi-active-parent span, #leftcolumn ul li.leftnavi-parent span { color: #78cc00; } #leftcolumn ul li.leftnavi-active-parent ul li, #leftcolumn ul li.leftnavi-parent ul li { background:transparent url(/stc/images/arrow_green.gif) no-repeat scroll 1px 0.35em; border-bottom:1px solid #E5E5E5; margin: 5px 0;} #leftcolumn ul li.leftnavi-active a span { color : #78cc00; } #leftcolumn ul li.leftnavi-active-parent ul li, #leftcolumn ul li.leftnavi-parent { border: none; } #leftcolumn ul li.leftnavi-sub span { color : #555555; } #leftcolumn ul li.leftnavi-active-parent ul li ul li, #leftcolumn ul li.leftnavi-parent ul li ul li { background: transparent; border: none;} #leftcolumn ul li.leftnavi-active-parent ul li ul li a span, #leftcolumn ul li.leftnavi-parent ul li ul li a span{ color : #555555; } #leftcolumn ul li a.leftnavi-sub, #leftcolumn ul li a.leftnavi-sub-sub { color: #555555; } #leftcolumn ul li a.leftnavi-sub-sub-active span { color: #555555; text-decoration: underline; } #leftcolumn a.leftnavi-active span { color : #78cc00; } #leftcolumn a.leftnavi-sub-active span { text-decoration : underline; } div#content {float: left; width : 676px; } div.content-position {padding: 20px 20px 8px 10px;} p#contactinfo {color: #448F3A; width: 100%; height: auto; padding: 5px 0px 5px 10px;} p#contactinfo a {color: #448F3A;} /* powered by navigo cms */ div#powered-by-navigo-container {color: #C7C9C8; width:auto; height: auto; } div#powered-by-navigo {width: 160px; height: auto; color: #C7C9C8; font-size: 10px; background: #ffffff; float: right;} #powered-by-navigo div a, #powered-by-navigo div a:hover {color: #C7C9C8; font-size: 10px; font-weight: bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular;} div.powered-by {color: #C7C9C8; width: auto; height: auto; float: left; font-weight: normal;margin: 0px 5px 0px 0px;} div.navigo-logo {color: #C7C9C8; width: auto; height: auto; float: left; padding: 0px 0px 0px 23px; background: url(/stc/images/navigo-small.gif) top left no-repeat;} div.navigo-logo acronym {color: #C7C9C8; border: 0px; font-weight: normal; cursor: help;} .spacer { clear: both; height: 1px; overflow: hidden; } #footer { padding : 0 30px; background: #fff; position: absolute; bottom: 0; } /* position: relative; top: -35px;*/ #footer p { color: #CCC; font-size : 0.85em;} #footer p a { color: #CCC; } #footerLeft, #footerRight { float: left; margin: 10px 0; } #footerLeft { width: 690px; } #footerRight { width: 200px; } .greenText { color: #78cc00; } .redText { color : #FF6C00; } .newsItem h3 a { text-decoration : none; } .newsItem .ingress { padding : 0; } .newsItem { margin-bottom : 1em; } /* Changes for VFC */ #site-container.vfc { width: 950px; } #site-container.vfc h1#logo{ float: left; width: 675px; height: 100%; margin: 0; padding: 0; background: #ffffff url(/stc/images/logo_vfc.gif) no-repeat scroll 15px center; } #site-container.vfc #supportnavi-container { height: 94px; } #site-container.vfc #contactArea { height: 73px; /* height:60px; */ } /* Leftnavi changes ... */ #site-container.vfc #leftcolumn ul li { background:transparent url(/stc/images/arrow_red.gif) no-repeat scroll 1px 0.35em;} #site-container.vfc #leftcolumn ul li.leftnavi-parent span, #site-container.vfc #leftcolumn ul li.leftnavi-active-parent span, #site-container.vfc #leftcolumn ul li.leftnavi-active span { color: #FF6C00; } #site-container.vfc #leftcolumn ul li.leftnavi-sub span { color : #555555; } #site-container.vfc #leftcolumn ul li.leftnavi-active-parent ul li ul li a span, #site-container.vfc #leftcolumn ul li.leftnavi-parent ul li ul li a span{ color : #555555; } #site-container.vfc #leftcolumn ul li a.leftnavi-sub, #site-container.vfc #leftcolumn ul li a.leftnavi-sub-sub { color: #555555; } #site-container.vfc #leftcolumn ul li.leftnavi-active-parent, #site-container.vfc #leftcolumn ul li.leftnavi-parent { background:transparent url(/stc/images/arrow_red_down.gif) no-repeat scroll 1px 0.5em; } #site-container.vfc #leftcolumn ul li.leftnavi-active-parent ul li ul li, #site-container.vfc #leftcolumn ul li.leftnavi-parent ul li ul li { background: transparent; border: none;} #site-container.vfc #leftcolumn ul li.leftnavi-active-parent ul li, #site-container.vfc #leftcolumn ul li.leftnavi-parent ul li { background:transparent url(/stc/images/arrow_red.gif) no-repeat scroll 1px 0.35em; border-bottom:1px solid #E5E5E5; margin: 5px 0;} #site-container.vfc #leftcolumn ul ul li { background: transparent none repeat scroll 0%; margin: 0; border: none; } #site-container.vfc #leftcolumn a.leftnavi-active span { color: #FF6C00; } #site-container.vfc #leftcolumn a.leftnavi-active:hover { color: #FF6C00; }