/* Default style definitions for common webbrowsers ************************************************* General Header Main Menu Page Frontpage Subpage Left Column Sub Navi Right Column Content Styles Footer Footer text Partner images Other templates Form Designer */ /* clears all margins elements but table-element */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; } /* clearfix, to be used with floating elements */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } a { outline: none;} span.strong { background: yellow;} /* highlight color for Content Editor */ body { background: #f0f6d5 url(/pics/seuturekry/body.gif) center top repeat-y; font-family: arial, verdana, serif; font-size: 12px; color:#231f20; } #wrapper { position: relative; width: 964px; margin: 0 auto;} /* * Header *********** */ #header { position: relative; width: 100%; height: 190px; background: url(/pics/seuturekry/header.gif) no-repeat;} #header #logo { position: absolute;text-indent: -999999px; width: 223px; height: 56px; background: url(/pics/seuturekry/logo-seuturekry.gif) no-repeat; left: 29px; top: 75px; } /* Seuturekry logo */ #mainMenu { /* Main navigation */ position: absolute; top: 153px; left: 0px; height: 0px; background: url(/pics/seuturekry/mainMenu.gif) repeat-x; padding: 1px 0; height: 37px; width: 100%; } #mainMenu ul { list-style-type:none; margin-top: .6em; margin-left: 2em; } #mainMenu li { display: inline;} #mainMenu a { color:#fff; font-family: 'Trebuchet MS', arial, verdana; font-size: 16px; text-decoration: none; border-left: 1px solid #33a5dd; padding:.4em .5em .3em .5em;} #mainMenu li:first-child a { border: none;} #mainMenu a:hover { text-decoration: underline;} #some { } #some a img { border:none; margin:0 4px 0 0 ;} /* * Content area ************** */ #page { position: relative; clear: both; width: 100%; padding-top: 1.5em; margin-bottom:1em; min-height: 300px; } #frontpage { width: 99%; margin:0 auto;} .fpCol { float:left;width: 33%;} .colGreen { width:410px; margin-right:13px; _margin-right:0px; } #introText { position: relative; width: 100%; margin: 0 auto;} /* 1. column on the frontpage */ #introText h1, #some h1 { font-size: 21px; font-family: 'Trebuchet MS', arial, verdana, serif; margin-bottom: 0.5em; font-weight: normal; } #introText img { margin-bottom: 1em;} #introText p { font-size: 11px; line-height: 1.5em; margin-bottom: .5em;} /* Campaing */ #campaing { float:left; width:66%; } #campaing p { font-size:14px; font-weight:bold; margin:10px 0 20px 0; font-family:'Trebuchet MS',arial,verdana;} h3.kampanja { color:#578db3; text-align:center; font-size:24px; font-weight:bold; margin-bottom:30px; border-top:solid 1px #d9dcc9; padding-top:20px; } h3.kampanja a { color:#578db3; text-align:center; font-size:24px; font-weight:bold; margin-bottom:30px; text-decoration:none;} /* News */ .bulletinItem { padding-left: 40px; background: url(/pics/seuturekry/icon-bulletin.gif) left top no-repeat;} #bulletin h4 { font-size: 14px; font-family: 'Trebuchet MS', arial, verdana;} #bulletin span { display:block; font-size: 11px; color:#a0a2a3; margin-bottom:0.2em;} #bulletin a { text-decoration: underline;color: #002c43;} .pickHeader { height:61px; padding-left: 13px;} #yellowPick .pickHeader { width: 194px; background: url(/pics/seuturekry/yellowPick-header.gif) no-repeat;} #greenPick .pickHeader { width: 410px; background: url(/pics/seuturekry/greenPick-header.gif) no-repeat;} .pickHeader h2 { font-size: 21px; font-family: 'Tresbuchet MS', arial, verdana, serif; font-weight: normal; padding-top: 0.5em; margin-bottom: 0.4em; } .pickHeader span { font-size: 11px;} .pickContent { padding-bottom:1em; padding-left: 13px; padding-top:1em;} #yellowPick .pickContent { width: 194px; background: url(/pics/seuturekry/yellowPick-content.gif) repeat-y;} #greenPick .pickContent { width: 410px; background: url(/pics/seuturekry/greenPick-content.gif) repeat-y;} .pickContent p { margin-right: 20px;} .pickContent h3 { font-size: 18px; font-family: 'Trebuchet MS', arial,verdana, serif; font-weight: normal;margin-bottom: .2em;} .pickContent ul { margin-left: 2em;margin-bottom: 1em; list-style-type: none;} #yellowPick .pickContent ul { list-style-image: url(/pics/seuturekry/arrow-yellow.gif)} #greenPick .pickContent ul { list-style-image: url(/pics/seuturekry/arrow-green.gif)} .pickContent li { margin-bottom:.5em;} .pickContent li a { color:#002c43; text-decoration: none;} .pickContent a:hover { text-decoration: underline;} .pickContent li.staticLink { list-style-image: none;} .pickContent li.staticLink a { font-size: 11px; text-decoration: underline;} .pickFooter { heigth: 14px;} #yellowPick .pickFooter { width: 194px; background: url(/pics/seuturekry/yellowPick-footer.gif) no-repeat;} #greenPick .pickFooter { width: 410px; background: url(/pics/seuturekry/greenPick-footer.gif) no-repeat;} /* subpages */ #leftCol { float:left; width: 318px;} #subNav { width: 302px;} .subNavHeader { width: 100%; height: 14px; background: url(/pics/seuturekry/subNavHeader.gif) no-repeat;} .subNavTitle { width: 100%; background: url(/pics/seuturekry/subNavTitle.gif) repeat-y;padding-left: 13px;} .subNavTitle h2 { font-size: 18px; font-family: 'Trebuchet MS', arial, verdana, serif; font-weight: normal; padding-bottom: .5em;} .subNavTitle a {color:#002c43; text-decoration: none;} .subNavList { width: 100%;background: url(/pics/seuturekry/yellowPick-content.gif) repeat-y;padding-left: 13px; padding-top: 1em;} .subNavList ul { margin-left: 1em; list-style-type: none; list-style-image: url(/pics/seuturekry/arrow-yellow.gif)} .subNavList li { padding-bottom:.5em;} .subNavList li a { color:#002c43; text-decoration: none;} .subNavList a#selected { font-weight:bold; text-decoration: underline;} .subNavFooter { width: 302px;heigth: 14px; background: url(/pics/seuturekry/yellowPick-footer.gif) left top no-repeat;} #rightCol { float:left; width: 646px; } #content { position: relative; width: 95%; margin: 0 auto;} #content h1 { font-size: 21px; font-family: 'Trebuchet MS', arial, verdana, serif;margin: 1em 0em 0.5em 0em;font-weight: normal;} #content h2 { font-size: 18px; font-family: 'Trebuchet MS', arial, verdana, serif;margin: 1em 0em 0.5em 0em;font-weight: normal;} #content h3 { font-size: 16px; font-family: 'Trebuchet MS', arial, verdana, serif;margin: 1em 0em 0.5em 0em;font-weight: bold;} #content h4 { font-size: 14px; font-family: 'Trebuchet MS', arial, verdana, serif;margin: 1em 0em 0.5em 0em;font-weight: bold;} #content p { margin-bottom: .5em;line-height: 1.5em;} #content a { color:#231f20;} #content a.link_pieni { font-weight:bold; background: #fff url(/pics/seuturekry/bg_link2.jpg) no-repeat; color:#000; text-decoration:none; width:88px; height:24px; padding:5px 8px 7px 10px; text-align:center; } #content a.link_iso { background: #fff url(/pics/seuturekry/bg_link.jpg) no-repeat; color:#000; text-decoration:none; width:88px; height:24px; padding:5px 8px 7px 4px; text-align:center; } #content a.link_pieni:hover, #content a.link_iso:hover { text-decoration:underline; } #content ul, #content ol { margin-left: 2em;} #content li { margin:0.2em;} #content ul ul, #content ol ol { margin-left: 1e;} #content img {} #content img.tasattu_vasemmalle { float: left; margin-right: 1em;} #content img.tasattu_oikealle { float: right; margin-left: 1em;} #content p img { padding: 3px;} #content img.at_merkki { position: relative; top:3px; margin-left:-0.2em; margin-right:0.1em; padding:0;} .workunit td { margin:0;padding:1px;} #content .workunits h3 { margin:0;padding:0;} /* * * footer * ************ */ #footer { clear: both; width: 100%; background: url(/pics/seuturekry/footer.gif) repeat-x; height: 100px; } #infoText { position: relative; margin:0; width: 100%; } .copyright,.shortcuts,.shortcuts a { color: #fff;font-size: 11px;padding-top:0.3em;} .shortcuts a { text-decoration: none;} .copyright { position: absolute; left: 1em;} .shortcuts { position: absolute; right: 1em;} #partners { clear:both; margin:0 auto; padding-top: 30px; width: 85%; } #partners ul { list-style-type: none; width: 100%;position: relative;} #partners li { display: inline; padding:0 1%} #partners a { } #partners a img { border: none;} /* * Other templates * *************** */ /* * Bulletin Manager 2 * /pagetemplates/seuturekry-bulletinmanager2.jsp * ***********************************************¨ */ #bm2 ul { list-style-type: none;} #bm2 li { margin-bottom: 1em;color:#a0a2a3; font-size: 11px;} #bm2 li a { font-size: 14px; font-weight: bold; color:#231f20; text-decoration: none; } #bm2 li a:hover { text-decoration: underline;} #bm2 #bulletinArchives { position: absolute; right: 1em; top:0.5em;} #bulletinArchives a {color:#231f20; font-size: 11px; } /* * /pagetemplates/seuturekry-bulletinmanager2.jsp * ***********************************************¨ */ #fd {} #fd fieldset { border: none;} /* * Jobs feed * pagetemplates/seuturekry-index.jsp * ************************************* */ #jobsFeeds { height: 310px; overflow: auto; width: 95%;} #jobsFeeds ul { list-style-type: none; list-style-image: url(/pics/seuturekry/arrow-green.gif);} #jobsFeeds li { margin-bottom: 0.5em;} #jobsFeeds li a { text-decoration: none; color:#002C43;}